@charset "utf-8";


html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;

}


/*全局滚动条样式*/

::-webkit-scrollbar {
    width: 7px;
}


/* 滚动槽 */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
            border-radius: 10px;
}


/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
            border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.2);
}

#wallHd,
#msg-wall-block {
    color: #fff;
}




/*Hi现场主体内容*/

 .wall-box {
    width:1600px;
    margin:0 auto;
}

.wall-box .wall-list li:hover .infostyle-show,
.wall-box .wall-list .info-box {
    cursor: pointer;
}


/*emoji图片默认*/

img.wechat-emoji {
    width: 20px;
    height: 20px;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}


/*单条消息默认*/

.wall-single-list li {
    overflow: hidden;
}

.wall-single-list .custom-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.single-nickname img.wechat-emoji {
    width: 40px;
    height: 40px;
}

.single-content img.wechat-emoji {
    width: 50px;
    height: 50px;
}


/*签到墙signin wall*/

.signIn_bg {
    width: 100%;
    /*background-color: #000;*/
    /*opacity: 0.3;*/
    /*filter: alpha(opacity=30);*/
    height: 790px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    z-index: -1;
}

.signIn_list {
    height: 800px;

    overflow-y: auto;
}

.signIn_list > li {
    width: 130px;
    height: 160px;
    margin-right: 25px;
    margin-top: 32px;
    display: inline;
    float: left;
    background: none;
}

.signIn_list li .use-block {
    width: 100%;
    height: 100%;
    position: relative;
}

.signIn_list li .use-block a {
    display: block;
}

.signIn_list li .use-block a img {
    width: 124px;
    height: 124px;
    border: 3px solid #EEE;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 10px #000;
       -moz-box-shadow: 1px 1px 10px #000;
            box-shadow: 1px 1px 10px #000;
}

.signIn_list li .use-block .nickname {
    width: 100%;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    height: 30px;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    overflow: hidden;
    word-break: break-all;
}

.signIn_list .in {
    z-index: -1;
}


/*--.rotate--*/

.signIn_list .rotate {
    -webkit-animation: rotatein 2s ease-out;
    -webkit-transform-origin: left top;
    -moz-animation: rotatein 2s ease-out;
    -moz-transform-origin: left top;
}

@-webkit-keyframes rotatein {
    0% {
        -webkit-transform: rotate(360deg) scale(0);
    }
    10% {
        -webkit-transform: rotate(0deg) scale(1);
    }
    30% {
        -webkit-transform: rotate(0deg) scale(2);
    }
    85% {
        -webkit-transform: rotate(0deg) scale(2);
    }
    100% {
        -webkit-transform: rotate(-360deg) scale(1);
    }
}

@-moz-keyframes rotatein {
    0% {
        -moz-transform: rotate(360deg) scale(0);
    }
    10% {
        -moz-transform: rotate(0deg) scale(1);
    }
    30% {
        -moz-transform: rotate(0deg) scale(2);
    }
    85% {
        -moz-transform: rotate(0deg) scale(2);
    }
    100% {
        -moz-transform: rotate(-360deg) scale(1);
    }
}


/*logo签到墙 wall*/

#signinlogo-wall-block .logowall {
    width: 100%;
    zoom: reset;
    margin-top: 20px;
}

#signinlogo-wall-block .logowall ul {
    margin: 0 auto;
    clear: both;
}

#signinlogo-wall-block .logowall ul li {
    float: left;
}

#signinlogo-wall-block .logowall ul li.showcell {
    /* border: 1px solid #7f7f7f; */
    background-color: #e50150;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#signinlogo-wall-block .logowall ul li.uprotate img.tou {
    -webkit-animation-name: rotateup;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-name: rotateup;
      -o-animation-name: rotateup;
         animation-name: rotateup;
    -moz-animation-duration: 2s;
      -o-animation-duration: 2s;
         animation-duration: 2s;
    -moz-animation-timing-function: ease-out;
      -o-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
}

#signinlogo-wall-block .logowall ul li.uprotate p {
    margin-left: -90px;
}

#signinlogo-wall-block .logowall ul li.downrotate img.tou {
    -webkit-animation-name: rotatedown;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-name: rotatedown;
      -o-animation-name: rotatedown;
         animation-name: rotatedown;
    -moz-animation-duration: 2s;
      -o-animation-duration: 2s;
         animation-duration: 2s;
    -moz-animation-timing-function: ease-out;
      -o-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
}

#signinlogo-wall-block .logowall ul li img.tou {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

#signinlogo-wall-block .logowall ul li p {
    display: none;
    width: 150px;
    text-align: center;
    color: #FFF;
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    padding-top: 2px;
    background-color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

#signinlogo-wall-block .logowall ul li:hover img.tou {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: relative;
    z-index: 1;
}

#signinlogo-wall-block .logowall ul li:hover p {
    display: block;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

@-webkit-keyframes rotatedown {
    0% {
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        -webkit-transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@-moz-keyframes rotatedown {
    0% {
        width: 0;
        height: 0;
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@-o-keyframes rotatedown {
    0% {
        width: 0;
        height: 0;
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@keyframes rotatedown {
    0% {
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@-webkit-keyframes rotateup {
    0% {
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -webkit-transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@-moz-keyframes rotateup {
    0% {
        width: 0;
        height: 0;
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@-o-keyframes rotateup {
    0% {
        width: 0;
        height: 0;
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

@keyframes rotateup {
    0% {
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
    15% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    85% {
        width: 150px;
        height: 150px;
        margin-left: -90px;
        margin-top: -118px;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        width: 10px;
        height: 10px;
    }
}

#signinlogo-wall-block .wechat-emoji {
    width: 30px;
    height: 30px;
}

/*3d签到墙*/
#signthreed-wall-block{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index:100;
    overflow: hidden;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-perspective: 1500px;
    left:0;
    top:0;
    background:url(007.jpg) no-repeat #000;
    background-size:100% 100%;
}

#signthreed-wall-block .qrcodebox{
	position:absolute;
	top:20px;
	left:20px;
	width:50px;
	height:50px;
	box-sizing:border-box;
	padding:3px;
	background-color:#FFF;
	opacity:0;
	cursor:pointer;
}

#signthreed-wall-block .qrcodebox img{
	width:44px;
	height:44px;
}

#signthreed-wall-block .wall3d{
	width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    pointer-events: none;
}

.wall3d ul {
    position: absolute;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    top: 50%;
    left: 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    /*border: 1px solid red;*/
}

.wall3d .card {
    position: absolute;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    top: 50%;
    left: 50%;
    display: none;
}

.wall3d .activate {
    display: block;
}

.wall3d ul li{
	background-color: rgba(255,255,255,0.6);
    border:1px solid rgba(255,255,255,0.7);
    border-radius:5px;
}

.wall3d ul.cube li{
	background-color: rgba(255,255,255,0.1);
}

.wall3d ul li img {
    width: 100%;
    height:100%;
    border-radius:5px;
    -webkit-filter:brightness(1.1) opacity(.9);
}

#signthreed-wall-block .new-sign{
	width:200px;
	position:absolute;
	top: calc(50% - 140px);
    left: calc(50% - 100px);
}

#signthreed-wall-block .new-sign img{
	width:200px;
	height:200px;
	border-radius:20px 20px 0 0;
	-webkit-filter:brightness(1.2);
	box-shadow: 0 0 30px #000;
}

#signthreed-wall-block .new-sign p{
	width:180px;
	text-align:center;
	font-size:30px;
	color:#FFF;
	line-height:40px;
    word-break: break-all;
    max-height:76px;
    min-height:40px;
    overflow:hidden;
    padding:10px;
    background-color:rgba(0,0,0,0.9);
    border-radius:0 0 20px 20px;
}

#signthreed-wall-block .new-sign img.wechat-emoji{
	width:30px;
	height:30px;
	border-radius:0;
}


/*消息墙的3D样式*/

.simplified {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    -ms-perspective: 300px;
    -o-perspective: 300px;
    perspective: 300px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
}

.simplified li {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-perspective-origin: 100% 50%;
    -moz-perspective-origin: 100% 50%;
    -ms-perspective-origin: 100% 50%;
    -o-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
}

.simplified li.past {
    -webkit-transform: translate3d( 0, -100px, -100px) rotateX( 90deg);
    -moz-transform: translate3d( 0, -100px, -100px) rotateX( 90deg);
    -ms-transform: translate3d( 0, -100px, -100px) rotateX( 90deg);
    -o-transform: translate3d( 0, -100px, -100px) rotateX( 90deg);
    transform: translate3d( 0, -100px, -100px) rotateX( 90deg);
}

.simplified li.future {
    -webkit-transform: translate3d(0, 100px, -100px) rotateX( -90deg);
    -moz-transform: translate3d(0, 100px, -100px) rotateX( -90deg);
    -ms-transform: translate3d(0, 100px, -100px) rotateX( -90deg);
    -o-transform: translate3d(0, 100px, -100px) rotateX( -90deg);
    transform: translate3d(0, 100px, -100px) rotateX( -90deg);
}

.fly {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.fly li {
    -webkit-transition: all 600ms ease, opacity 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease, opacity 300ms ease;
    -moz-transition: all 600ms ease, opacity 300ms ease;
    transition: all 600ms ease, opacity 300ms ease;
    -webkit-transform-origin: 50% 50% -50px;
    -moz-transform-origin: 50% 50% -50px;
    -ms-transform-origin: 50% 50% -50px;
    -o-transform-origin: 50% 50% -50px;
    transform-origin: 50% 50% -50px;
}

.fly li.past {
    opacity: 0;
    -webkit-transform: rotateX( 180deg);
    -moz-transform: rotateX( 180deg);
    -ms-transform: rotateX( 180deg);
    -o-transform: rotateX( 180deg);
    transform: rotateX( 180deg);
}

.fly li.future {
    opacity: 0;
    -webkit-transform: rotateX( -180deg);
    -moz-transform: rotateX( -180deg);
    -ms-transform: rotateX( -180deg);
    -o-transform: rotateX( -180deg);
    transform: rotateX( -180deg);
}


/**
 * Twirl styles
 */

.twirl {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.twirl li {
    -webkit-transition: all 600ms ease, opacity 200ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease, opacity 200ms ease;
    -moz-transition: all 600ms ease, opacity 200ms ease;
    transition: all 600ms ease, opacity 200ms ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.twirl li.past {
    opacity: 0;
    -webkit-transform: rotate3d( 80, -70, 10, 180deg);
    -moz-transform: rotate3d( 80, 70, 10, 180deg);
    -ms-transform: rotate3d( 80, 70, 10, 180deg);
    -o-transform: rotate3d( 80, 70, 10, 180deg);
    transform: rotate3d( 80, 70, 10, 180deg);
}

.twirl li.future {
    opacity: 0;
    -webkit-transform: rotate3d( 80, 70, 10, -180deg);
    -moz-transform: rotate3d( 80, 70, 10, -180deg);
    -ms-transform: rotate3d( 80, 70, 10, -180deg);
    -o-transform: rotate3d( 80, 70, 10, -180deg);
    transform: rotate3d( 80, 70, 10, -180deg);
}


/**
 * Flip styles
 */

.flip {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.flip li {
    -webkit-transition: all 600ms ease, opacity 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease, opacity 300ms ease;
    -moz-transition: all 600ms ease, opacity 300ms ease;
    transition: all 600ms ease, opacity 300ms ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.flip li.past {
    opacity: 0;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotateX( 80deg);
    -moz-transform: rotateX( 80deg);
    -ms-transform: rotateX( 80deg);
    -o-transform: rotateX( 80deg);
    transform: rotateX( 80deg);
}

.flip li.future {
    opacity: 0;
    -webkit-transform: rotateX( -80deg);
    -moz-transform: rotateX( -80deg);
    -ms-transform: rotateX( -80deg);
    -o-transform: rotateX( -80deg);
    transform: rotateX( -80deg);
}


/*消息墙弹出展示信息*/

.ejectWall {
    position: fixed;
    z-index: 90;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 400px;
    height: 300px;
    margin-left: -200px;
    background: #fff;
    border: 1px solid #ddd;
}

.ejectWall .info-box {
    padding: 10px;
}

.ejectWall .info-box .wall-tab {
    float: left;
    display: inline;
}

.ejectWall .info-box .wall-time {
    display: none;
}

.ejectWall .info-box .wall-cont {
    float: none;
    display: block;
    clear: both;
    padding-top: 20px;
}

.ejectWall .info-box .wall-cont p {
    max-height: 160px;
    overflow-y: auto;
}

.ejectWall .eject-close {
    position: absolute;
    z-index: 2;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 17px;
    color: #333;
    background: #f1f1f1;
}

.ejectWall .eject-close:hover {
    background: #ddd;
    text-decoration: none;
}


/*抽奖 gift wall*/

#lottery-wall-block {
    color: #fff;
    font-family:'方正大黑',Microsoft YaHei,SimSun,sans-serif;
}

.wall-awards {
    overflow: hidden;
    line-height: 48px;
    height: 48px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    text-shadow: 2px 2px 3px #000;
}

.wall-awards .icon-sort-down {
    font-size: 38px;
    font-weight: normal;
}

.luck-draw {
    width: 100%;
    height: 100%;
}

.luck-draw .custom-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 620px;
}

.awards-ulimt {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}

.awards-ulimt ul {
    padding: 10px;
    overflow: hidden;
}

.awards-ulimt ul li {
    float: left;
    margin-right: 10px;
    border: 1px solid transparent;
    cursor: pointer;
}

.awards-ulimt ul li:hover {
    border-color: #f00;
}

.awards-ulimt ul li .awards-ig {
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
}

.awards-ulimt ul li .ig-name {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.awards-ulimt ul li p {
    text-align: center;
}

.awards-prize-num {
    color: #f00;
}

.luck-presz {
    float: left;
    display: inline;
    width: 260px;
    height: 330px;
    overflow: hidden;
    margin: 20px 0 0;
    text-align: center;
}

.luck-presz .imgbox {
    width: 250px;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    margin: 0 auto;
}

.luck-presz img {
    max-width: 250px;
    max-height: 330px;
}

.lottery-poper {
    overflow: hidden;
    padding-top: 12px;
}

.lottery-box {
    height: 322px;
    overflow-y: auto;
    text-align: center;
    padding-top: 20px;
}

.lottery-poper .lottery-limt {
    display: inline-block;
    text-align: center;
}

.lottery-poper .lottery-limt .nickname {
    /* color:#fff;text-shadow:2px 2px 3px #000; */
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    word-break: break-all;
}

.lottery-poper .lottery-limt .box {
    position: relative;
    height: 150px;
    width: 140px;
}

.lottery-poper .lottery-limt img.lottery-avatar {
    display: block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid #FFF;
}

.lottery-poper .lottery-bigimg {
    width: 220px;
    margin-right: 15px;
}

.lottery-poper .lottery-bigimg .nickname {
    font-size: 30px;
    font-weight: bold;
    width: 220px;
    word-break: break-all;
}

.lottery-poper .lottery-bigimg .nickname .wechat-emoji {
    width: 30px;
    height: 30px;
}

.lottery-poper .lottery-bigimg .box {
    width: 220px;
    height: 220px;
}

.lottery-poper .lottery-bigimg img.lottery-avatar {
    width: 216px;
    height: 216px;
}

.lottery-poper .lottery-smallimg {
    width: 126px;
    margin: 0 10px 10px 0;
}

.lottery-poper .lottery-smallimg .nickname {
    font-size: 14px;
    width: 126px;
    word-break: break-all;
}

.lottery-poper .lottery-smallimg .box {
    width: 126px;
    height: 126px;
}

.lottery-poper .lottery-smallimg img.lottery-avatar {
    width: 122px;
    height: 122px;
}

.lottery-crown {
    position: absolute;
    z-index: 4;
}

.lottery-poper .lottery-bigimg .lottery-crown {
    right: 0;
    top: -25px;
}

.lottery-poper .lottery-bigimg .lottery-crown img {
    width: 100%;
}

.lottery-poper .lottery-smallimg .lottery-crown {
    right: 0;
    top: -10px;
}

.lottery-poper .lottery-smallimg .lottery-crown img {
    width: 100%;
}

.lottery-remove {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #eee;
    font-size: 24px;
    background: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.lottery-poper .lottery-smallimg .lottery-remove {
    padding-top: 38%;
}

.lottery-poper .lottery-bigimg .lottery-remove {
    padding-top: 41%;
}

.lottery-poper .lottery-limt:hover .lottery-remove {
    opacity: 1;
}

.luck-torryname {
    font-size: 20px;
    /*  color:#fff;text-shadow:2px 2px 3px #000; */
    margin-top: 5px;
}

.prize-option,
.prize-product {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.drawbox {
    margin-top: 10px;
}

.drawimg {
    float: left;
    display: inline;
    width: 50%;
    text-align: right;
}

.unknow {
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: inline-block;
    margin-right: 90px;
}

.unknow ul {
    position: relative;
}

.unknow ul li {
    position: absolute;
    left: 0;
    top: 0;
    height: 140px;
    width: 140px;
    -webkit-border-radius: 70px;
       -moz-border-radius: 70px;
            border-radius: 70px;
    overflow: hidden;
    display: none;
}

.unknow ul li:first-child {
    display: block;
}

.unknow ul li img {
    width: 140px;
    height: 140px;
}

.un-note {
    font-size: 20px;
    /* color:#fff; text-shadow:2px 2px 3px #000;*/
    font-weight: bold;
    margin-right: 90px;
    width: 140px;
    display: inline-block;
    text-align: center;
}

.draw-contrbox {
    overflow: hidden;
    padding: 30px 0 0 10px;
}

.lotter-btn {
    display: inline-block;
    width: 240px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #ff5300;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, rgba(250, 238, 58, 1), rgba(238, 203, 37, 1));
    background-image: -moz-linear-gradient(top, rgba(250, 238, 58, 1), rgba(238, 203, 37, 1));
    background-image: -o-linear-gradient(top, rgba(250, 238, 58, 1), rgba(238, 203, 37, 1));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 238, 58, 1)), to(rgba(238, 203, 37, 1)));
    background-image: linear-gradient(top, rgba(250, 238, 58, 1), rgba(238, 203, 37, 1));
}

.lotter-btn:hover {
    background-image: -webkit-linear-gradient(top, rgba(224, 214, 47, 1), rgba(212, 180, 28, 1));
    background-image: -moz-linear-gradient(top, rgba(224, 214, 47, 1), rgba(212, 180, 28, 1));
    background-image: -o-linear-gradient(top, rgba(224, 214, 47, 1), rgba(212, 180, 28, 1));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 214, 47, 1)), to(rgba(212, 180, 28, 1)));
    background-image: linear-gradient(top, rgba(224, 214, 47, 1), rgba(212, 180, 28, 1));
}

/* 定制 */
.lotter-btn-dz {
    color: #FFF;
    background-image: none;
    background-color:#0191d8;
}
.lotter-btn-dz:hover {
    -webkit-filter:brightness(0.9); 
    background-image: none;  
}

.latter-totalnum {
    margin-top: 15px;
    /* color:#fff; */
    font-size: 22px;
}

.prizeIn-mask {
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.prizeIn {
    position: fixed;
    z-index: 23;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.prizeIn .winner{
	width: 1000px;
    position: absolute;
    top: 50%;
    margin: -166px 0 0 -500px;
    left: 50%;
    pointer-events:none;
}

.prizeIn .winner img.tou {
    border: 2px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 280px;
}

.prizeIn .winner p {
    color: #FFF;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 3px #000;
}

.prizeIn .winner p .wechat-emoji {
    width: 40px;
    height: 40px;
}

.prizeIn .winner .crown {
    position: absolute;
    z-index: 9999;
    right: 50%;
    top: -7px;
    width: 200px;
    margin-right: -150px;
}

.prizeIn .crown img {
    width: 100%;
}

.prizeIn img.ribbon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    margin-left: -650px;
    margin-top: -400px;
}

.prizeIn .rays {
    margin-left: -256px;
    margin-top: -256px;
    z-index: -1;
    top: 50%;
    left: 50%;
    pointer-events:none;
}

/* 用来实现动画的keyframes;  从0度旋转到360度 */

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
                transform: rotate(0deg);
    }
    to {
                transform: rotate(360deg);
    }
}
/* 实现光线辐射效果 */

.rays {
    /* 表现动画效果 */
    background: url(rays.png) center center no-repeat;
    position: absolute;
    width: 512px;
    height: 512px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 40000ms;
    -moz-animation-name: spin;
    -moz-animation-duration: 40000ms;
    -ms-animation-name: spin;
    -ms-animation-duration: 40000ms;
    -o-animation-name: spin;
    -o-animation-duration: 40000ms;
    animation-name: spin;
    animation-duration: 40000ms;
    /* 40 seconds */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.wall-nickname {
    font-size: 16px;
    line-height: 20px;
}

.wall-nickname .wechat-emoji {
    width: 24px;
    height: 24px;
}

.wall-nickname p:first-child {
    font-size: 14px;
    margin-bottom: 10px;
}

.wall-continfo {
    font-size: 35px;
    line-height: 45px;
    max-height: 90px;
    overflow: hidden;
    word-break: break-all;
    padding-right: 30px;
}

.wall-continfo img {
    max-width: 100%;
    margin: 10px auto 0;
}

.wall-continfo .wechat-emoji {
    width: 27px;
    height: 27px;
    margin-top: 0;
}

.wall-time {
    width: 200px;
    text-align: center;
}

.wall-cont p {
    max-height: 60px;
    line-height: 20px;
    overflow: hidden;
}




/* 排名标签 */
.rankbox{
	position:absolute;
	background-color:#FFF;
	display:none;
	top:0;
	left:0;
	border-radius:6px;
	z-index:3;
}

.rankbox .no {
    width: 53px;
    height: 53px;
    font-size: 26px;
    line-height: 53px;
    text-align: center;
    color: #333;
    margin: 10px auto 0;
}

.rankbox .no1,
.pichart .no1 {
    background: url(/images/wall/vote/no1.png) center no-repeat;
}

.rankbox .no2,
.pichart .no2 {
    background: url(/images/wall/vote/no2.png) center no-repeat;
}

.rankbox .no3,
.pichart .no3 {
    background: url(/images/wall/vote/no3.png) center no-repeat;
}

.rankbox .non,
.pichart .non {
    background: url(/images/wall/vote/non.png) center no-repeat;
    color: #fff;
}


/* 柱状图 < 10 */

.votewall .bar {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.bar div.cont {
    width: 80px;
    height: 460px;
    background: #e3e3e3;
    border-radius: 0 0 80px 80px;
    position: relative;
    margin: 0 auto;
    color: #333;
    text-align: center;
}

.bar div.cont p.count {
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 4px #FFF;
    margin-top:5px;
    position:absolute;
    z-index:2;
    width:100%; 
    text-align:center;
}


.bar .column {
    width: 100%;
    background: #9cd873;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 80px 80px;
}

.bar .column p.seq {
    position: absolute;
    left: 0;
    bottom: 18px;
    font-size: 16px;
    color: #333;
    text-align: center;
    width: 100%;
}

.bar .rank {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #f8b764;
    font-size: 24px;
    text-align: center;
    line-height: 34px;
}

.bar .forme {
    margin: 0 auto;
    font-size: 16px;
    width: 112px;
    height: 54px;
    margin-top: 5px;
    line-height: 18px;
    text-align: center;
}


/*排名模式*/

.rankbox .bar .cont {
    height: 390px;
}


/*小图文*/

.bar .smalltu .column p.seq {
    bottom: 3px;
}

.bar .smalltu .column img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-top: 8px;
}


/*横向柱状图 小图文，纯文字>10*/

.levelbar {
    width: 98%;
    overflow-y: auto;
    padding-left: 25px;
    box-sizing: border-box;
    height: 520px;
    margin-top: 25px;
}

.levelbar ul {
    width: 550px;
    padding-left: 20px;
    float: left;
    color: #333;
    margin-top: 25px;
}

.levelbar ul:nth-of-type(1),.levelbar ul:nth-of-type(2){
	margin-top: 0;
}

.levelbar li {
    width: 100%;
    height: 46px;
    font-size: 16px;
    margin-bottom: 6px;
}

.levelbar li .seq,
.levelbar li .cont,
.levelbar li .count {
    vertical-align: middle;
    display: inline-block;
}

.levelbar li .seq {
    width: 38px;
    text-align: right;
    padding-right: 8px;
    font-size: 14px;
}

.levelbar li .seq span {
    font-size: 16px;
}

.levelbar li .cont {
    width: 430px;
    height: inherit;
    background: #e3e3e3;
    border-radius: 25px 0 0 25px;
    position: relative;
    z-index: 0;
}

.levelbar li .cont .column {
    height: inherit;
    background: #9cd873;
    border-radius: 25px 0 0 25px;
}

.levelbar li .cont .forme {
    position: absolute;
    z-index: 1;
    left: 20px;
    height: inherit;
    line-height: 50px;
    top: 0;
    width: 330px;
}

.levelbar li .cont .rank {
    position: absolute;
    z-index: 2;
    right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f8b764;
    border: 3px solid #fff;
    text-align: center;
    line-height: 24px;
    font-size: 19px;
    top: 10px;
}

.levelbar li .count {
    color: #006dc9;
    font-size: 14px;
}

.levelbar li .count span {
    font-size: 18px;
}

.rankbox .levelbar .no {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 18px;
    background-size: 38px;
}

.rankbox .levelbar li .cont .forme {
    left: 50px;
}

.rankbox .levelbar li .seq {
    position: absolute;
    z-index: 1;
    top: 13px;
}

.rankbox .levelbar .tu li .seq {
    left: 40px;
}

.levelbar .tu li .cont .pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 3px;
}

.levelbar .tu li .cont .forme {
    left: 54px;
}

.rankbox .levelbar .tu li .cont .forme {
    left: 90px;
}


/*图文*/

.votewall .pichart {
    width: 99%;
    height: 552px;
    overflow: auto;
}

.votewall table.pichart {
    width: 95%;
    margin: 0 auto;
}

.votewall .pichart .picbox {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    position: relative;
}

.votewall .pichart .picbox img {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    border: 6px solid #f6c211;
}

.votewall .pichart .picbox .no {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: -10px;
}

.votewall .pichart .count {
    text-align: center;
    color: #006dc9;
    font-size: 16px;
    margin-top: 15px;
}

.votewall .pichart .count span {
    font-size: 18px;
}

.votewall .pichart .cont {
    width: 180px;
    height: 10px;
    margin: 10px auto;
    background-color: #bac5cc;
}

.votewall .pichart .cont .column {
    height: inherit;
    background-color: #006dc9;
}

.votewall .pichart .desc {
    width: 188px;
    margin: 0 auto;
    font-size: 15px;
}

.votewall .pichart .desc .rank {
    color: #999;
    padding-right: 8px;
}

.votewall .pichart .desc .forme {
    width: 154px;
    line-height: 21px;
    height: 63px;
}


/*大图文-大于5个*/

.votewall .pichart ul {
    width: 92%;
    margin: 25px auto 0;
}

.votewall .pichart ul li {
    display: inline-block;
    height: 260px;
    padding: 0 12px;
    margin-bottom:4px;
}

.votewall .pichart ul li .picbox {
    width: 150px;
    height: 150px;
}

.votewall .pichart ul li .picbox img {
    width: 140px;
    height: 140px;
    border-width: 5px;
}

.votewall .pichart ul li .desc .forme {
    line-height: 18px;
    height:33px;
    width:148px;
}

.votewall .pichart ul li .count {
    margin-top: 6px;
}


/* 前三名柱状图的颜色 */

.votewall .cont .column.bar-1 {
    background: #ff5a5a;
}

.votewall .cont .column.bar-2 {
    background: #ff790d;
}

.votewall .cont .column.bar-3 {
    background: #ffc90d;
}
/****************** votewall end **********************************/
/****************** 打赏 reward start **********************************/
#reward-wall-block{
	position: fixed;
    top:0;
    left:0;
    z-index: 1;
    min-height:800px;
    width: 100%;
    height: 100%;
}

.rewardwall {
    width: 100%;
    height: 100%;
    background: #1d1d1d;
    background-size: 100%;
    
}

.rewardwall .topbox {
    width: 100%;
    height: 102px;
    border-bottom: 1px solid #5f503b;
    text-align: center;
    color: #ffeebc;
    padding-top: 1%;
}

.rewardwall .topbox h3,
.rewardwall .topbox h4 {
    font-weight: normal;
}

.rewardwall .topbox h3 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    max-height: 46px;
    overflow:hidden;
    white-space: nowrap;
}

.rewardwall .topbox h4 {
    width: 100%;
    text-align: center;
    font-size: 28px;
    max-height: 34px;
    overflow:hidden;
    white-space: nowrap;
}

.rewardwall .topbox .btn {
    width: 1080px;
    margin: 0 auto;
    text-align: right;
    margin-top: -18px;
    opacity: 0.5;
}

.rewardwall .topbox .btn a {
    display: none;
    width: 90px;
    line-height: 26px;
    height: 28px;
    text-align: center;
    color: #ffeebc;
    border: 1px solid #ffeebc;
    border-radius: 30px;
}

.rewardwall .topbox .btn a#seeallBtn{
	display:inline-block;
}

.rewardwall .topbox .btn a span {
    font-size: 16px;
    letter-spacing: -7px;
}

.rewardwall .cont {
    width: 1080px;
    margin: 0 auto;
    height: 575px;
    overflow: hidden;
    color: #ffeebc;
    position: relative;
}
/*总打赏榜单*/
.rewardwall .contribute-all-box,
.rewardwall .contribute-ewm-box{
    box-sizing: border-box;
    width :1056px;
    height: 548px;
    padding: 20px 35px;
    margin: 18px auto;
    border-radius: 5px;
    background-color: #292929;
}
.rewardwall .contribute-all-box .top-cont{
    width:176px;
    margin:0 auto;
}

.rewardwall .contribute-all-box .top-cont p{
    margin-left: 46px;
    text-align: center;
}
.rewardwall .contribute-all-box .top-cont p.desc{
    position: relative;
    width: 120px;
    padding-left: 22px;
}
.rewardwall .contribute-all-box .top-cont p.desc span{
    font-size: 40px;
}
.rewardwall .contribute-all-box .top-cont p.desc i{
    position: absolute;
    left: 6px;
    font-size: 25px;
    bottom: 9px;
}
.rewardwall .contribute-all-box .top-cont p.desc .hi-reward{
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 20px;
    left: 0;
}
.rewardwall .contribute-all-box .rank2 .top-cont{
    width: 204px;
}
.rewardwall .contribute-all-box h5{
    padding:0 10px 5px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    border-bottom:1px solid #545046;
}
.rewardwall .contribute-all-box h5 span{
    display: block;
    margin-top: 4px;
    cursor: pointer;
}
.rewardwall .contribute-all-box h5 .go-back{
    text-decoration: underline;
    margin-top: 15px;
    font-size: 12px;
}
.rewardwall .list-contribute-box{
    padding-top:20px;
    height: 498px;
    overflow-y: auto;
}
.rewardwall .contribute-all-box table{
    width:80%;
    font-size: 20px;
    margin:0 auto;
}
.rewardwall .contribute-all-box table td{
    width:33.3%;
}
.rewardwall .contribute-all-box table .nick-name{
    font-size: 20px;
}
.rewardwall .contribute-all-box .head-box{
    position: relative;
    background: url(/images/reward/first-head.png) no-repeat;
}
.rewardwall .contribute-all-box .head-box img{
    position: absolute;
    width:90px;
    height: 90px;
    top:2px;
    right: 18px;
    border-radius: 90px;
}
.rewardwall .contribute-all-box .rank1,
.rewardwall .contribute-all-box .rank3{
    padding-top:50px;
}
.rewardwall .contribute-all-box .head-box{
    width: 176px;
    height: 122px;
    background-position: -206px 0;
}
.rewardwall .contribute-all-box .rank2 .head-box{
    width: 204px;
    height: 154px;
    background-position: 0 0 ;
}
.rewardwall .contribute-all-box .rank2 .head-box img{
    width: 114px;
    height: 114px;
    top: 3px;
    right: 20px;
    border-radius: 110px;
}
.rewardwall .contribute-all-box .rank3 .head-box{
    background-position: -382px 0;
}
.rewardwall .other-list{
    width: 820px;
    margin: 40px auto 0;
    padding-bottom:20px;
    overflow: hidden;
}
.rewardwall .other-list ul{
    width: 110%;
}

.rewardwall .other-list li{
    float: left;
    margin:0 50px 25px 0;
}
.rewardwall .other-list li .detail-info{
    display: inline-block;
    width:88px;
    overflow: hidden;
    vertical-align: middle;
}
.rewardwall .other-list .detail-info span{
    font-size: 12px;
}
.rewardwall .cont .other-list i.hi-reward{
    width: 17px;
    height: 17px;
    line-height: 17px;
}
.rewardwall .other-list li .num{
    font-size: 20px;
    margin-right: 10px;
    color: #ffbf40;
}
.rewardwall .other-list li .z-num{
    font-size: 22px;
}
.rewardwall .other-list li>img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border:2px solid #c48200;
}
.rewardwall .contribute-ewm-box .close-ewm-btn{
    position: absolute;
    right: 20px;
    top:20px;
    color: #ffeebc;
    font-size: 20px;
}
.rewardwall .contribute-ewm-box.cont .ewm-box{
    width: 450px;
    height: 510px;
}
.rewardwall .cont.contribute-ewm-box .ewm-box img{
    width: 406px;
    height: 408px;
    margin-left: 30px;
}

/*轮播*/

.rewardwall .cont .likedlist {
    width: 100%;
    float: left;
    position: relative;
}

.rewardwall .cont  .arrow-l,
.rewardwall .cont  .arrow-r {
    position: absolute;
    top: 240px;
    transform: scaleY(0.8);
    z-index: 1000;
}
/*// .rewardwall .cont .likedlist .pic-box,*/
/*// .rewardwall .cont .likedlist .contribute{*/
/*//     display: inline-block;*/
/*//     vertical-align: top;*/
/*// }*/
.rewardwall .cont .likedlist .pic-box{
    float: left;
    width: 400px;
    margin-right: 30px;
}
.rewardwall .cont  .arrow-l i,
.rewardwall .cont  .arrow-r i {
    font-size: 60px;
    opacity: 0.3;
    cursor: pointer;
}

.rewardwall .cont  .arrow-l {
    left: 0;
}

.rewardwall .cont  .arrow-r {
    right: 0;
}

.rewardwall .cont .likedlist .slidecont {
    width: 84%;
    margin: 15px auto;
    text-align: center;
    overflow: hidden;
}

.rewardwall .cont .likedlist .slidecont>ul {
    width: 700%;
    transition:all .6s ease;
}

.rewardwall .cont .likedlist .slidecont>ul>li {
    width: 50%;
    height: 530px;
    float: left;
    margin-bottom:30px;
}

.rewardwall .cont .likedlist .slidecont>ul .pic-box img {
    width: 255px;
    height: 255px;
    border: 5px solid #a26f0b;
    border-radius: 50%;
}

.rewardwall .cont .likedlist .slidecont>ul .pic-box h6 {
    font-weight: normal;
    font-size: 57px;
    margin-top: 15px;
    white-space: nowrap;
    height: 70px;
    overflow: hidden;
}

.rewardwall .cont .likedlist .slidecont>ul .pic-box p {
    width: 100%;
    font-size: 18px;
    margin-top: 35px;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
}

.rewardwall .cont .likedlist .getlike {
    width: 100%;
    margin-top: 20px;
    line-height: 74px;
    height: 74px;
    background: url(/images/reward/getlikebg.png) no-repeat center;
    font-size: 22px;
    color: #401f28;
    font-weight: bold;
}

.rewardwall .cont .likedlist .getlike strong {
    color: #ff0c00;
    font-size: 45px;
    font-weight: bolder;
    vertical-align: sub;
}


/*贡献榜*/

.rewardwall .cont .contribute {
    position: relative;
    // width: 454px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #545046;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.05);
    // margin: 30px 82px 0 0;
}
.rewardwall .cont .contribute .tab-con-erm{
    width:200%;
    transition: all .6s ease;
    font-family: 'Microsoft YaHei';
}
.rewardwall .cont .contribute .t-item{
    float: left;
    vertical-align: top;
    width:50%;
}
.rewardwall .cont .contribute .rt-contribute{
    margin:16px 22px 10px 0;
    font-size: 12px;
    color: #ffeebc;
}
.rewardwall .cont .ewm-box{
    clear: both;;
    width: 428px;
    height: 460px;
    margin:0 auto;
    border-radius: 5px;
    border:1px solid #8d8d8d;
    box-sizing: border-box;
    padding-top:22px;
    background-color: #fff;
}

.rewardwall .cont .ewm-box p{
    margin-bottom: 16px;
    font-size: 30px;
    color: #1d1d1d;
    text-align: center;
}

.rewardwall .cont .ewm-box img{
    display: block;
    margin-left: 40px;
    width: 84%;
    height: 84%;
}
.rewardwall .cont .contribute h5 {
    width: 90%;
    margin: 0 auto;
    line-height: 66px;
    height: 66px;
    font-weight: normal;
    font-size: 30px;
    text-align: left;
    border-bottom: 1px solid #44413a;
}
.rewardwall .cont .contribute h5  a{
    color: #ffeebc;
    text-decoration: underline;
}
.rewardwall .cont .contribute h5 span{
    font-size: 27px;
    line-height: 66px;
    cursor: pointer;
}
.rewardwall .cont .contribute ul {
    width: 400px;
    padding-left: 26px;
    height: 440px;
    overflow-x: hidden;
}

.rewardwall .cont .contribute ul li {
    width: 100%;
    padding: 17px 0;
}

.rewardwall .cont .contribute ul li i.hi-rankico {
    font-size: 30px;
    float: left;
    margin-top: 27px;
}

.rewardwall .cont .contribute ul li span.seq {
    color: #401f28;
    font-size: 18px;
    margin-left: -20px;
    float: left;
    margin-top: 31px;
    margin-right: 20px;
}

.rewardwall .cont .contribute ul li span.seqlow {
    font-size: 18px;
    float: left;
    margin-top: 27px;
    margin-right: 20px;
    margin-left: 9px;
}

.rewardwall .cont .contribute ul li img.avarta {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #c48200;
    float: left;
}

.rewardwall .cont .contribute ul li .cont {
    float: left;
    width: 220px;
    height: 76px;
    padding-left: 18px;
    line-height: 36px;
}
.rewardwall .cont .contribute ul li{
    text-align: left;
}

.rewardwall .cont .contribute ul li .cont .nickname {
    width: 100%;
    height: 36px;
    overflow: hidden;
    font-size: 18px;
}

.rewardwall .cont .contribute ul li .cont .nickname .wechat-emoji{
    width: 18px;
	height:18px;
}

.rewardwall .cont .contribute ul li .cont p i {
    font-size: 20px;
    padding-right: 8px;
}

.rewardwall .cont .contribute ul li .cont p i.hi-reward {
    font-size: 12px;
    width: 7px;
    padding-left: 3px;
    vertical-align: super;
}

.rewardwall .cont .contribute ul li .cont p .likednum {
    font-size: 30px;
}


/*查看所有*/

.rewardwall .cont .rankbtn {
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    height: 30px;
    right: 10px;
    opacity: 0.8;
}

.rewardwall .cont i.hi-reward{
    border: 1px solid #ffeebc;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
}


/*查看所有---小于5个*/

.rewardwall .cont .seeall{
    width: 100%;
}

.rewardwall .cont .seeall table{
    width: 100%;
    margin-top: 90px;
}

.rewardwall .cont .seeall .picbox {
    width: 166px;
    margin: 0 auto;
    position: relative;
}

.rewardwall .cont .seeall .picbox img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 3px solid #c48200;
}

.rewardwall .cont .seeall .nickname {
    text-align: center;
    font-size: 20px;
    white-space: nowrap;
    width: 170px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    margin-top: 16px;
}

.rewardwall .cont .seeall .desc {
    width: 170px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
}

.rewardwall .cont .seeall .desc i {
    padding-right: 5px;
    font-size: 20px;
}

.rewardwall .cont .seeall .desc i.hi-reward {
    font-size: 12px;
    width: 12px;
    padding-left: 3px;
    vertical-align: text-bottom;
}

/*查看所有---大于5个*/

.rewardwall .cont .seeall ul {
    width: 100%;
    text-align: center;
    margin-top: 26px;
    height: 490px;
    overflow-y: auto;
}

.rewardwall .cont .seeall ul li {
    display: inline-block;
    width: 200px;
    height: 260px;
}

.rewardwall .cont .seeall ul li .picbox {
    width: 150px;
    height: 150px;
}

.rewardwall .cont .seeall ul li .picbox img {
    width: 140px;
    height: 140px;
    border-width: 5px;
}

.rewardwall .cont .seeall ul li .desc .forme {
    line-height: 18px;
    height: 33px;
    width: 148px;
}

.rewardwall .cont .seeall ul li .count {
    margin-top: 6px;
}

.rewardwall .cont .seeall .crown {
    position: absolute;
    width: 50px;
    height: 52px;
    top: -4px;
    left: -9px;
    background: url(/images/reward/topico.png) no-repeat;
}

.rewardwall .cont .seeall .rankname {
    text-align: center;
    color: #401f28;
    font-size: 16px;
    font-weight: bold;
    width: 130px;
    height: 35px;
    margin: -21px auto 0;
    background: url(/images/reward/topico.png) no-repeat;
    position: relative;
    line-height: 26px;
}

.rewardwall .cont .seeall .rankico{
    background-color: #ffd88a;
    border:3px solid #c48200;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    text-align: center;
    line-height: 29px;
    color: #401f28;
    font-size: 20px;
    position: absolute;
    right: 20px;
    bottom: 0;
}

.rewardwall .cont .seeall .rank1 img {
    border-color: #f65b58;
}

.rewardwall .cont .seeall .rank1 .crown {
    background-position: 0 0;
}

.rewardwall .cont .seeall .rank1 .rankname {
    background-position: 0 -68px;
}

.rewardwall .cont .seeall .rank2 img {
    border-color: #74a2f5;
}

.rewardwall .cont .seeall .rank2 .crown {
    background-position: -60px 0;
}

.rewardwall .cont .seeall .rank2 .rankname {
    background-position: 0 -107px;
}

.rewardwall .cont .seeall .rank3 img {
    border-color: #ffd576;
}

.rewardwall .cont .seeall .rank3 .crown {
    background-position: -120px 0;
}

.rewardwall .cont .seeall .rank3 .rankname{
    background-position: 0 -147px;
}

/*点赞动画*/

.rewardwall .footbox {
    width: 100%;
    background: url(/images/reward/likebg.png) no-repeat top #1d1d1d;
    min-height: 40px;
    padding-top: 20px;
    position: absolute;
    bottom: 0;
    padding-bottom: 1%;
    overflow:hidden;
}

.rewardwall .footbox .danmu {
    background: url(/images/reward/headbg.png) no-repeat;
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    height: 54px;
    overflow: hidden;
    right:-230px;
    /* transition: all 60s linear; */
}

.rewardwall .footbox .danmu img.avarta {
    width: 55px;
    height: 49px;
    -webkit-mask-image: url(/images/reward/headmask.png);
    position: absolute;
    top: 2px;
    left: 2px;
}

.rewardwall .footbox .danmu p {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 2px solid #6f724d;
    border-left: none;
    border-radius: 0 30px 30px 0;
    color: #72fffa;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 20px;
    padding: 0 15px 0 32px;
}

.rewardwall .footbox .danmu p .nickname {
    color: #ff7e00;
}

.rewardwall .footbox .danmu p .nickname .wechat-emoji{
    width:14px; 
    height:14px;
}

/*打赏动画*/
.reward-mask{
    width: 100%;
    height: inherit;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 3;
    left:0;
    top: 0;
}
.reward-ani{
    width: 773px;
    height: 740px;
    text-align: center;
    position: absolute;
    top: calc(50% - 370px);
    left: calc(50% - 386px);
    z-index: 4;
}

.reward-ani .head{
    width: 310px;
    height: 310px;
    border: 6px solid #FFF;
    border-radius: 50%;
    position: absolute;
    top: 70px;
    left: 225px;
}

.reward-ani .headbg{
    display: inline-block;
    opacity:0;
}

.reward-ani .nickname{
    opacity: 0;
    font-size: 36px; 
    font-weight: bolder;
    width: 100%;
    text-align: center;
    color: #FFF;
    margin-top: 20px;
}

.reward-ani .nickname .wechat-emoji{
    width:36px; 
    height:36px;
}

.reward-ani .rewardbox{
    opacity: 0;
    width: 413px;
    height: 150px;
    color: #FFF;
    line-height: 36px;
    font-size: 30px;
    text-align: center;
    padding: 56px 180px 30px;
    overflow: hidden;
    word-break: break-all;
    background:url(/images/reward/big-contbg.png) no-repeat;
    margin: 20px auto 0;
}

.reward-ani .rewardbox p{
    font-size: 48px;
    line-height: 60px;
}

/* @media screen and (max-height: 800px) {
    .rewardwall .topbox{
        padding-top: 10px;
    }
    .rewardwall .footbox{
        padding-bottom: 0;
        padding-top: 15px;
    }
}*/

@media screen and (height: 900px) and (min-height: 900px) {
    .rewardwall .topbox{
        padding-top: 3%;;
    }
    .rewardwall .footbox{
        padding-bottom: 2%;
    }
} 
/****************** 打赏 reward end **********************************/
/****************** 霸屏 holdscreen start **********************************/
.holdscreen-wall-mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    z-index: 20000000;
    left:0;
    top: 0;
    display:none;
}
.holdscreen-wall{
	width: 1200px;
    height: 800px;
    text-align: center;
    position: absolute;
    top: calc(50% - 400px);
    left: calc(50% - 600px);
    z-index: 20000000;
    opacity:0;
    display:none;	
}
.holdscreen-wall .time {
    position: absolute;
    top: 15px;
    right: 5px;
    font-size: 40px;
    color: #815f02;
}

.holdscreen-wall .headbox {
    position: relative;
    margin: 50px 0 0 25px;
}

.holdscreen-wall .headpic {
    width: 206px;
    height: 206px;
    border-radius: 50%;
    background: url(/images/wall/holdscreen/border.png) no-repeat center;
    position: relative;
    text-align: center;
}

.holdscreen-wall .headpic img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    margin-top: 19px;
}

.holdscreen-wall .baping {
    position: absolute;
    top: -50px;
    left: 50px;
    width: 125px;
    height: 76px;
    background: url(/images/wall/holdscreen/baping.png) no-repeat;
}

.holdscreen-wall .rightbox {
    margin-top: 62px;
}

.holdscreen-wall .allname {
    color: #ffe79f;
    font-size: 45px;
    margin-bottom: 33px;
    margin-left: 45px;
    text-align: left;
    width: 900px;
    white-space: nowrap;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.holdscreen-wall .allname img.wechat-emoji {
    width: 45px;
    height: 45px;
}

.holdscreen-wall .msgbox {
    width: 965px;
    height: 645px;
}

/*单个图片或文字*/
.holdscreen-wall .alone {
    background: url(/images/wall/holdscreen/r-border.png) no-repeat;
}

.holdscreen-wall .alone p {/*文字*/
    width: 750px;
    margin-left: 125px;
    color: #ffe79f;
    font-size: 75px;
    word-wrap: break-word;
    text-align: left;
    padding-top: 40px;
}

.holdscreen-wall .alone p img.wechat-emoji {
    width: 75px;
    height: 75px;
}

.holdscreen-wall .alone img {/*图片*/
    width: 870px;
    height: 586px;
    margin: 32px 0 0 33px;
    border-radius: 10px;
    object-fit: contain; 
    object-position: center;
}

/*图文*/
.holdscreen-wall .msgbox .picbox {
    width: 653px;
    height: 635px;
    background: url(/images/wall/holdscreen/picborder.png) no-repeat;
    margin-left: 20px;
    text-align: center;
}

.holdscreen-wall .msgbox .picbox img {
    width: 604px;
    height: 602px;
    border-radius: 5px;
    margin: 16px 0 0 17px;
    object-fit: contain; 
    object-position: center;
}

.holdscreen-wall .msgbox .wordbox {
    width: 230px;
    height: 266px;
    background: url(/images/wall/holdscreen/msgborder.png) no-repeat;
    color: #ffe79f;
    font-size: 31px;
    padding: 20px 20px 20px 33px;
    word-wrap: break-word;
    text-align: left;
}

.holdscreen-wall .msgbox .wordbox img.wechat-emoji {
    width: 30px;
    height: 30px;
}
/****************** 霸屏 holdscreen end **********************************/

.refresh {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    text-align: right;
    font-size: 20px;
    color: #fff;
    padding: 10px 20px 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.refresh i {
    cursor: pointer;
}

#charset {
    width: 100%;
    padding: 20px;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/*图片墙 pic wall*/

.albumlist {
    height: 100%;
}

#pic-wall-block .slider {
    height: 620px;
    width: 100%;
    text-align: center;
}

#pic-wall-block .slider table{
	position: absolute;
}

#pic-wall-block .slider tr td {
    text-align: center;
}

#pic-wall-block .slider img {
    vertical-align: middle;
}

.width540 {
    width: 540px;
}

.height540 {
    height: 540px;
}


/*图片展示*/

.viewshadow {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}

.viewModel {
    width: auto;
}

.viewModelimg {
    position: fixed;
    z-index: 99;
    bottom: 10px;
    left: 50%;
    width: 282px;
    height: 70px;
    margin-left: -141px;
    text-align: center;
    color: #eee;
    background: url("/images/navbtns.png") no-repeat;
    background-position: -159px 0;
}

.viewModelimg .turnleft,
.viewModelimg .turnright {
    display: inline-block;
    height: 70px;
    cursor: pointer;
    outline: medium none;
    text-indent: -9000px;
}

.viewModelimg .turnleft {
    float: left;
    width: 64px;
}

.viewModelimg .turnright {
    float: right;
    width: 64px;
}

.show-view-model {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 999;
    -webkit-box-shadow: 0 0 40px #000;
       -moz-box-shadow: 0 0 40px #000;
            box-shadow: 0 0 40px #000;
}

.load-div {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    text-align: center;
}

.load-div img {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}


/*摇一摇*/
#shake-wall-block{
	width:990px;
	margin:0 auto;
}

.shakewall {
    width: 100%;
    height: 650px;
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    font-family: '微软雅黑';
}

.shakewall .next-btn {
    float: right;
    padding: 10px;
    cursor: pointer;
}

.shakewall .curpeople {
    width: 92%;
    text-align: right;
    padding: 30px 0;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 2px #000;
}

.shakewall .curpeople span {
    color: #fbcb02;
}

.shakewall .pic {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

.shakewall .tishi {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 2px #000;
}

.shakewall .tishi .tips {
    margin: 0 auto;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background-color: #ea1f26;
    color: #fada00;
    font-size: 21px;
    font-family: '微软雅黑';
    font-weight: bold;
    text-shadow: 1px 0 1px #6C5E01;
    padding: 8px 30px;
    cursor: pointer;
    word-break: break-all;
    white-space: nowrap;
    max-width: 920px;
    overflow: hidden;
    display: inline-block;
}

.shakewall .podium {
    width: 888px;
    height: 438px;
    margin: 0 auto;
    padding-top: 20px;
    background: url(/images/wall/podium.png) no-repeat right -3px;
}

.shakewall .podium ul {
    width: 570px;
    padding-left: 170px;
    padding-top: 74px;
}

.shakewall .podium ul li {
    float: left;
    width: 170px;
    padding-left: 13px;
}

.shakewall .podium .first p {
    margin-top: 121px;
}

.shakewall .podium .second {
    margin-top: 40px;
    padding-left: 14px;
}

.shakewall .podium .second p {
    margin-top: 81px;
}

.shakewall .podium .third {
    margin-top: 63px;
}

.shakewall .podium .third p {
    margin-top: 60px;
}

.shakewall .podium li img {
    width: 170px;
    height: 170px;
}

.shakewall .podium li img.wechat-emoji {
    width: 24px;
    height: 24px;
}

.shakewall .podium li p {
    width: 170px;
    font-size: 24px;
    font-family: '微软雅黑';
    font-weight: bold;
    color: #000;
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.shakewall .podium_last {}

.shakewall .podium_last ul {
    margin: 0 auto;
}

.shakewall .podium_last ul li {
    width: 72px;
    height: 114px;
    float: left;
    margin: 0 30px;
    -webkit-transition: all 1s ease-in-out;
    cursor: pointer;
}

.shakewall .podium_last ul li:hover {
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
        -ms-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
    -webkit-transform-origin: bottom;
       -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
         -o-transform-origin: bottom;
            transform-origin: bottom;
}

.shakewall .podium_last ul li p {
    width: 100%;
    line-height: 23px;
    height: 23px;
    font-family: '微软雅黑';
    font-weight: bold;
    color: #313131;
    font-size: 14px;
    text-align: center;
}

.shakewall .podium_last ul li .tou {
    width: 70px;
    height: 91px;
    border: 1px solid #f69c17;
    background-color: #f69c17;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    cursor: pointer;
}

.shakewall .podium_last ul li .tou img {
    width: 70px;
    height: 70px;
    margin-bottom: 2px;
}

.toshake h3 {
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 0 1px #6C5E01;
    color: #fada00;
    font-size: 26px;
    padding-top: 20px;
}

.toshake h3 span {
    font-size: 50px;
}

.toshake ul {
    margin: 0 auto;
    height: 480px;
    position: relative;
    margin-top: 30px;
}

.toshake ul li {
    width: 70px;
    position: absolute;
    bottom: 0;
}

.toshake ul li .nickname {
    display: block;
    width: 100%;
    line-height: 20px;
    height: 20px;
    font-family: '微软雅黑';
    color: #313131;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    word-break: break-all;
    /* text-overflow: ellipsis; */
    text-shadow: 1px 1px 9px #FFF;
}

.toshake ul li .nickname img.wechat-emoji {
    width: 24px;
    height: 24px;
}

.toshake ul li .cont {
    background: url(/images/wall/columnbg.png) repeat-y;
    padding-bottom: 10px;
}

.toshake ul li .cont img {
    width: 62px;
    height: 62px;
    margin: 4px;
}

.toshake ul li .cont p {
    color: #434343;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 21px;
    height: 21px;
}

.toshake ul li.ranking0 {
    left: 10px;
}

.toshake ul li.ranking1 {
    left: 90px;
}

.toshake ul li.ranking2 {
    left: 170px;
}

.toshake ul li.ranking3 {
    left: 250px;
}

.toshake ul li.ranking4 {
    left: 330px;
}

.toshake ul li.ranking5 {
    left: 410px;
}

.toshake ul li.ranking6 {
    left: 490px;
}

.toshake ul li.ranking7 {
    left: 570px;
}

.toshake ul li.ranking8 {
    left: 650px;
}

.toshake ul li.ranking9 {
    left: 730px;
}

.toshake ul li.ranking0 .column {
    background: url(/images/wall/column1.png) repeat-y #0966a2;
}

.toshake ul li.ranking1 .column {
    background: url(/images/wall/column2.png) repeat-y #831980;
}

.toshake ul li.ranking2 .column {
    background: url(/images/wall/column3.png) repeat-y #046a35;
}

.toshake ul li.ranking3 .column {
    background: url(/images/wall/column4.png) repeat-y #a61349;
}

.toshake ul li.ranking4 .column {
    background: url(/images/wall/column5.png) repeat-y #d32d6a;
}

.toshake ul li.ranking5 .column {
    background: url(/images/wall/column6.png) repeat-y #c7731b;
}

.toshake ul li.ranking6 .column {
    background: url(/images/wall/column7.png) repeat-y #e1b90c;
}

.toshake ul li.ranking7 .column {
    background: url(/images/wall/column8.png) repeat-y #c7c22c;
}

.toshake ul li.ranking8 .column {
    background: url(/images/wall/column9.png) repeat-y #a4b92e;
}

.toshake ul li.ranking9 .column {
    background: url(/images/wall/column10.png) repeat-y #1f9341;
}

.toshake ul li .column:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 150%;
    top: -25%;
    left: -25px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(50%, rgba(255, 255, 255, 0.01)), color-stop(51%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -moz-radial-gradient(center ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00ffffff', GradientType=1);
}

.toshake ul li .column span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("") 0 0;
    -webkit-animation: sparkle 1500ms linear infinite;
    -moz-animation: sparkle 1500ms linear infinite;
    -o-animation: sparkle 1500ms linear infinite;
    animation: sparkle 1500ms linear infinite;
    opacity: 0.2;
}

@-webkit-keyframes sparkle {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -64px;
    }
}

@-moz-keyframes sparkle {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -64px;
    }
}

@-o-keyframes sparkle {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -64px;
    }
}

@keyframes sparkle {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -64px;
    }
}


/*嘉宾墙*/

#guest-wall-block {
    position: relative;
    margin:0 auto;
    width: 990px;
}

.guestwall,
.popbox {
    width: 100%;
    height: 630px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    
}

.guestwall {
    overflow-y: auto;
    overflow-x: hidden;
}

.guestwall .list {
    width: 100%;
    padding-left: 6px;
    padding-top: 18px;
}

.guestwall .list li {
    width: 226px;
    height: 269px;
    overflow: hidden;
    background: url(/images/wall/guestbg.png) no-repeat;
    float: left;
    padding: 7px 8px 7px 25px;
    margin: 20px 4px 0 12px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
}

.guestwall .list li div.pic {
    width: 180px;
    height: 160px;
    overflow: hidden;
    text-align: center;
}

.guestwall .list li div.pic img {
    height: 160px;
}

.guestwall .list li .name {
    line-height: 42px;
    height: 40px;
    font-size: 20px;
    color: #FFF;
    width: 138px;
    overflow: hidden;
    word-break: break-all;
}

.guestwall .list li p {
    width: 100%;
    height: 36px;
    font-size: 17px;
    color: #000;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.popbox {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.popbox .fl {
    width: 331px;
    height: 428px;
    overflow: hidden;
    background: url(/images/wall/guestbg-big.png) no-repeat;
    float: left;
    padding: 12px 12px 0 32px;
    margin: 70px 50px 0 60px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.popbox .fl div.pic {
    width: 278px;
    height: 272px;
    overflow: hidden;
    text-align: center;
}

.popbox .fl div.pic img {
    height: 272px;
}

.popbox .fl .name {
    width: 210px;
    line-height: 64px;
    height: 63px;
    font-size: 32px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}

.popbox .fl p {
    width: 100%;
    height: 58px;
    font-size: 28px;
    color: #000;
    line-height: 28px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.popbox .description {
    float: left;
    width: 480px;
    height: 422px;
    font-size: 32px;
    line-height: 42px;
    margin-top: 70px;
    overflow-y: auto;
}

.popbox .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/wall/guestclose.png) no-repeat;
    overflow: hidden;
    text-indent: -30px;
    cursor: pointer;
}


/*弹幕墙*/

.danmuwall {
    width: 100%;
    min-height: 768px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    pointer-events: none;
    display: none;
    overflow: hidden;
}

.danmuwall .line {
    position: relative;
    z-index: 100;
    /* border-bottom:1px solid yellow; */
}

.danmuwall .font24 {
    font-size: 24px;
}

.danmuwall .font36 {
    font-size: 36px;
}

.danmuwall .font48 {
    font-size: 48px;
}

.danmuwall .font24 .wechat-emoji {
    width: 24px;
    height: 24px;
}

.danmuwall .font36 .wechat-emoji {
    width: 36px;
    height: 36px;
}

.danmuwall .font48 .wechat-emoji {
    width: 48px;
    height: 48px;
}


/*弹幕样式 -- 婉约*/

.danmuwall .simply {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    z-index: 99;
}

.danmuwall .simply > img {
    width: 60px;
    height: 60px;
    border: 2px solid;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    position: absolute;
}

.danmuwall .simply p {
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 0 23px 23px 0;
       -moz-border-radius: 0 23px 23px 0;
            border-radius: 0 23px 23px 0;
    border-left: 0;
    background-color: #FFF;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    border: 3px solid;
    padding: 0 15px 0 62px;
}

.danmuwall .font48 img {
    width: 80px;
    height: 80px;
}

.danmuwall .font48 p {
    height: 65px;
    line-height: 65px;
    -webkit-border-radius: 0 36px 36px 0;
       -moz-border-radius: 0 36px 36px 0;
            border-radius: 0 36px 36px 0;
    margin-left: 30px;
    margin-top: 8px;
    border: 3px solid;
    padding-right: 25px;
}

.danmuwall .simply0 {
    color: #ff6a6a;
}

.danmuwall .simply0 img,
.simply0 p {
    border-color: #ff6a6a;
}

.danmuwall .simply1 {
    color: #c3600b;
}

.danmuwall .simply1 img,
.simply1 p {
    border-color: #c3600b;
}

.danmuwall .simply2 {
    color: #2a2a2a;
}

.danmuwall .simply2 img,
.danmuwall .simply2 p {
    border-color: #2a2a2a;
}

.danmuwall .simply3 {
    color: #ff6a6a;
}

.danmuwall .simply3 img,
.simply3 p {
    border-color: #ff6a6a;
}

.danmuwall .simply4 {
    color: #779e4c;
}

.danmuwall .simply4 img,
.simply4 p {
    border-color: #779e4c;
}

.danmuwall .simply5 {
    color: #389fff;
}

.danmuwall .simply5 img,
.simply5 p {
    border-color: #389fff;
}


/*弹幕样式 -- 粗犷*/

.danmuwall .rough {
    font-weight: bolder;
    white-space: nowrap;
    position: absolute;
    z-index: 99;
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
}

.danmuwall .rough0 {
    color: #299cff;
}

.danmuwall .rough1 {
    color: #ff0606;
}

.danmuwall .rough2 {
    color: #FFF;
}

.danmuwall .rough3 {
    color: #1dff06;
}

.danmuwall .rough4 {
    color: #3bf8ff;
}

.danmuwall .rough5 {
    color: #f9c700;
}



/*对对碰 mstching wall*/

.wall-mstching {
    position: relative;
    top: -2px;
}
#mstching-wall-block {
    position: relative;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.mstching-wall-list-wraper {
    height: 490px;
    display: block;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mstching-wall-welcome {
    display: none;
}
#mstching-wall-block.welcome .mstching-wall-welcome {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 990px;
    height: 492px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#mstching-wall-block.welcome .mstching-wall-list-wraper {
    display: none;
}
.mstching-wall-content {
    background: rgba(100, 100, 100, 0.1);
}
#mstching-wall-block.welcome .mstching-wall-content {
    background: none;
}
.mstching-wall-controler {
    height: 117px;
    background: url(/images/wall/mstching/controler-bg.jpg) no-repeat;
    position: relative;
}
.mstching-wall-fire-button {
    width: 150px;
    height: 62px;
    line-height: 56px;
    text-align: center;
    font-family: '微软雅黑';
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    background: url(/images/wall/mstching/fire-button.png) no-repeat;
    margin-right: 55px;
    margin-top: 26px;
    float: right;
    z-index: 7;
    border: 0px;
    outline: none;
}
.mstching-wall-fire-button:active {
    width: 150px;
    height: 62px;
    line-height: 62px;
    display: inline-block;
    background: url(/images/wall/mstching/fire-button.actived.png) no-repeat;
}
.mstching-wall-fire-button:disabled {
    color: #999999;
    width: 150px;
    height: 62px;
    line-height: 62px;
    display: inline-block;
    background: url(/images/wall/mstching/fire-button.disabled.png) no-repeat;
}
.mstching-wall-controler.matching .mstching-wall-fire-button {
    display: none;
}
.mstching-wall-controler .mstching-wall-fire-button.matching {
    display: none;
}
.mstching-wall-controler .mstching-wall-fire-button {
    display: inline-block;
}
.mstching-wall-controler.matching .mstching-wall-fire-button.matching {
    display: inline-block;
}
.mstching-wall-animate-area {
    width: 300px;
    height: 117px;
    display: inline-block;
    position: absolute;
}
.mstching-wall-animate-area.female {
    right: 195px;
}
.mstching-wall-animate-area.male {
    left: 195px;
}
.mstching-wall-animate-area.male .mstching-wall-avatar {
    position: absolute;
    right: 25px;
    top: 20px;
}
.mstching-wall-animate-area.female .mstching-wall-avatar {
    position: absolute;
    left: 25px;
    top: 20px;
}
.mstching-wall-animate-area-text {
    font-family: '微软雅黑';
    font-size: 16px;
    font-weight: bold;
    height: 117px;
    width: 180px;
    -o-text-overflow: hidden;
       text-overflow: hidden;
    vertical-align: center;
    position: absolute;
    display: -webkit-box;
    -webkit-box-align: center;
}
.mstching-wall-animate-area.female .mstching-wall-animate-area-text {
    color: #FF3838;
    text-align: left;
    left: 120px;
}
.mstching-wall-animate-area.male .mstching-wall-animate-area-text {
    color: #3671F8;
    text-align: right;
    right: 120px;
    -webkit-box-pack: end;
}

/*头像*/
.mstching-wall-avatar {
    width: 73px;
    height: 73px;
    display: inline-block;
    -webkit-border-radius: 37px;
       -moz-border-radius: 37px;
            border-radius: 37px;
}

/*
.mstching-wall-list-item .mstching-wall-avatar{border-radius:0px;}
.mstching-wall-animate-area.male .mstching-wall-avatar{background:url(/images/wall/mstching/default-avatar-male.png);}
.mstching-wall-animate-area.female .mstching-wall-avatar{background:url(/images/wall/mstching/default-avatar-female.png);}
*/

/*头像动画*/
.mstching-wall-avatar.animate {
    opacity: 0;
}
.mstching-wall-animate-area.male .mstching-wall-avatar.animate {
    right: 227px;
}
.mstching-wall-animate-area.female .mstching-wall-avatar.animate {
    left: 227px;
}
.mstching-wall-list {}

/** 删除按钮 */
.mstching-wall-pair {
    display: inline-block;
    position: relative;
}
.mstching-wall-pair-remove {
    position: absolute;
    background: rgba(0, 0, 0, 0.45);
    text-align: center;
    color: #eee;
    font-size: 24px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    box-sizing: border-box;
}
.mstching-wall-pair:hover .mstching-wall-pair-remove {
    opacity: 1;
}
.mstching-wall-pair .mstching-wall-pair-remove .fa {
    display: inline-block;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}

/** 心形头像 */
.mstching-wall-pair-gender {
    width: 199px;
    height: 165px;
    margin-left: 32px;
    margin-top: 20px;
}
.mstching-wall-pair-gender .mstching-wall-pair-remove {
    width: 200px;
    height: 165px;
    z-index: 3;
}
.mstching-wall-pair-gender .mstching-wall-pair-remove i {
    margin-top: 73px;
    display: inline-block;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper {
    position: absolute;
    width: 100px;
    height: 140px;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper.male {
    left: 0px;
    top: 0px;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper.female {
    left: 100px;
    top: 0px;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper img.mstching-wall-pair-avatar {
    height: 134px;
    width: 134px;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper.male img.mstching-wall-pair-avatar {
    -webkit-mask-box-image: url(/images/wall/mstching/male.svg);
    mask-box-image: url(/images/wall/mstching/male.svg);
    position: absolute;
    left: -12px;
    top: 7px;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper.female img.mstching-wall-pair-avatar {
    -webkit-mask-box-image: url(/images/wall/mstching/female.svg);
    mask-box-image: url(/images/wall/mstching/female.svg);
    position: absolute;
    left: -22px;
    top: 7px;
}
.mstching-wall-pair-gender .mstching-wall-pair-avatar-wrapper .mstching-wall-pair-name {
    font-family: '微软雅黑';
    position: absolute;
    width: 100px;
    height: 38px;
    line-height: 38px;
    left: 0px;
    bottom: -18px;
    text-align: center;
    -o-text-overflow: hidden;
       text-overflow: hidden;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
}

/** 圆形头像 */
.mstching-wall-pair-circle {
    width: 210px;
    height: 115px;
    margin-left: 25px;
    margin-bottom: 22px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    margin-top: 20px;
}
.mstching-wall-pair-circle .mstching-wall-pair-remove {
    width: 210px;
    height: 115px;
    z-index: 3;
}
.mstching-wall-pair-circle .mstching-wall-pair-remove i {
    margin-top: 45px;
    display: inline-block;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper {
    position: absolute;
    width: 105px;
    height: 115px;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper.male {
    left: 0px;
    top: 0px;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper.female {
    left: 100px;
    top: 0px;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper img.mstching-wall-pair-avatar {
    height: 80px;
    width: 80px;
    -webkit-border-radius: 40px;
       -moz-border-radius: 40px;
            border-radius: 40px;
    border: 1px solid #D8D8D8;
    top: 8px;
    position: absolute;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper.male img.mstching-wall-pair-avatar {
    left: 15px;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper.female img.mstching-wall-pair-avatar {
    right: 10px;
}
.mstching-wall-pair-circle .mstching-wall-pair-avatar-wrapper .mstching-wall-pair-name {
    font-family: '微软雅黑';
    position: absolute;
    left: 0px;
    bottom: 3px;
    width: 105px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    vertical-align: middle;
    -o-text-overflow: hidden;
       text-overflow: hidden;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/** 对抗 */
.mstching-wall-pair-vs {
    width: 210px;
    height: 140px;
    margin-left: 25px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.mstching-wall-pair-vs .mstching-wall-pair-remove {
    width: 210px;
    height: 140px;
    z-index: 3;
}
.mstching-wall-pair-vs .mstching-wall-pair-remove i {
    margin-top: 60px;
    display: inline-block;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper {
    position: absolute;
    width: 105px;
    height: 140px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper.male {
    left: 0px;
    top: 0px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper.female {
    left: 100px;
    top: 0px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper img.mstching-wall-pair-avatar {
    height: 80px;
    width: 80px;
    -webkit-border-radius: 40px;
       -moz-border-radius: 40px;
            border-radius: 40px;
    border: 1px solid #D8D8D8;
    position: absolute;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper.male img.mstching-wall-pair-avatar {
    left: 15px;
    top: 5px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper.female img.mstching-wall-pair-avatar {
    right: 10px;
    bottom: 25px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper .mstching-wall-pair-name {
    font-family: '微软雅黑';
    position: absolute;
    left: 5px;
    width: 95px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    vertical-align: middle;
    -o-text-overflow: hidden;
       text-overflow: hidden;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper.male .mstching-wall-pair-name {
    bottom: 30px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-wrapper.female .mstching-wall-pair-name {
    bottom: 3px;
}
.mstching-wall-pair-vs .mstching-wall-pair-avatar-separator {
    position: absolute;
    left: 85px;
    top: 45px;
    z-index: 2;
}

/*
.mstching-wall-list-item{width:194px;height:86px;background:#FFECB2;padding:0px;position:relative;display:inline-block;margin-top:30px;margin-left:40px;border-radius:3px;}
.mstching-wall-avatar-wrapper{width:94px;height:80px;position:absolute;left:3px;top:3px;}
.mstching-wall-avatar-wrapper.male{left:97px;}
.dpp-wall-avatar-wrapper.female{left:3px;}
.mstching-wall-avatar-wrapper .mstching-wall-avatar{width:94px;height:80px;position:absolute;top:0px;}
.mstching-wall-avatar-wrapper .mstching-wall-name{width:94px;height:28px;line-height:28px;background:#000000;color:#ffffff;text-align:center;text-overflow:hidden;overflow:hidden;position:absolute;bottom:0px;font-size:14px;font-family: '微软雅黑';}
.mstching-wall-pair-remove{position:absolute;z-index:3;background:rgba(0,0,0,0.45);width:194px;height:86px;text-align:center;color:#eee;font-size:24px;vertical-align: middle;box-sizing:border-box;width:100%;height:100%;opacity: 0;
	cursor:pointer;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	box-sizing: border-box;
	}
.mstching-wall-list-item:hover .mstching-wall-pair-remove{
	opacity: 1;
}
.mstching-wall-pair-remove .fa{display:inline-block;transform:translate(0, 0);margin-top:30px;}
*/
.mstching-shining-show {
    position: absolute;
    width: 512px;
    height: 512px;
    left: 0px;
    top: 0px;
    margin: 0px;
    opacity: 1;
    z-index: 5;
    text-align: center;
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
    margin: 0px;
    padding: 0px;
}
.mstching-shining-show.to-show {
    -webkit-animation: toshow 1s ease 1 forwards;
    -moz-animation: toshow 1s ease 1 forwards;
    -ms-animation: toshow 1s ease 1 forwards;
    -o-animation: toshow 1s ease 1 forwards;
    animation: toshow 1s ease 1 forwards;
}
@-webkit-keyframes toshow {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.2);
    }
    
    100% {
        opacity: 1;
        top: 100px;
        -webkit-transform: scale(1.4);
    }
}
@-moz-keyframes toshow {
    0% {
        opacity: 0.5;
        -moz-transform: scale(0.2);
    }
    
    100% {
        opacity: 1;
        top: 100px;
        -moz-transform: scale(1.4);
    }
}
@-ms-keyframes toshow {
    0% {
        opacity: 0.5;
        -ms-transform: scale(0.2);
    }
    
    100% {
        opacity: 1;
        top: 100px;
        -ms-transform: scale(1.4);
    }
}
@-o-keyframes toshow {
    0% {
        opacity: 0.5;
        -o-transform: scale(0.2);
    }
    
    100% {
        opacity: 1;
        top: 100px;
        -o-transform: scale(1.4);
    }
}
@keyframes toshow {
    0% {
        opacity: 0.5;
        transform: scale(0.2);
    }
    
    100% {
        opacity: 1;
        top: 100px;
        transform: scale(1.4);
    }
}
.mstching-shining-show.to-list {
    -webkit-animation: tolist 1s ease 1 forwards;
    -moz-animation: tolist 1s ease 1 forwards;
    -ms-animation: tolist 1s ease 1 forwards;
    -o-animation: tolist 1s ease 1 forwards;
    animation: tolist 1s ease 1 forwards;
}
@-webkit-keyframes tolist {
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes tolist {
    100% {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes tolist {
    100% {
        -ms-transform: scale(1);
    }
}
@-o-keyframes tolist {
    100% {
        -o-transform: scale(1);
    }
}
@keyframes tolist {
    100% {
        transform: scale(1);
    }
}
.mstching-shining-show.to-list .rays.mstching-wall {
    -webkit-animation: raystolist 1s ease 1 forwards;
    -moz-animation: raystolist 1s ease 1 forwards;
    -ms-animation: raystolist 1s ease 1 forwards;
    -o-animation: raystolist 1s ease 1 forwards;
    animation: raystolist 1s ease 1 forwards;
}

@-webkit-keyframes raystolist {
    100% {
        -webkit-transform: scale(0.1);
    }
}
@-moz-keyframes raystolist {
    100% {
        -moz-transform: scale(0.1);
    }
}
@-ms-keyframes raystolist {
    100% {
        -ms-transform: scale(0.1);
    }
}
@-o-keyframes raystolist {
    100% {
        -o-transform: scale(0.1);
    }
}
@keyframes raystolist {
    100% {
        transform: scale(0.1);
    }
}
.mstching-shining-show:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}
.mstching-shining-show .mstching-wall-pair {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.mstching-shining-show .mstching-wall-pair .mstching-wall-pair-remove {
    display: none;
}
.mstching-wall-mask {
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.rays.mstching-wall {
    z-index: -1;
    top: 0px;
}

/* 摇大奖 */
#shakeprize-wall-block{
	width:990px;
	margin:0 auto;
}
.shakeprize {
    width: 100%;
    height: 650px;
    position: relative;
    border: 10px solid rgba(255, 255, 255, .3);
    box-sizing: border-box;
}
.shakeprize .start {
    width: 100%;
    height: 100%;
    background: url(/images/wall/startbg.jpg) no-repeat center top;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.shakeprize .start .curpeople {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #b17700;
    padding-top: 30px;
}
.shakeprize .start .curpeople #shakeRegeditNum {
    color: #648b0a;
    font-size: 35px;
}
.shakeprize .start .startxt {
    width: 100%;
    height: 295px;
    background: url(/images/wall/startxt.png) no-repeat center;
    margin-top: 70px;
}
.shakeprize .start .startxt a {
    display: block;
    margin: 0 auto;
    width: 390px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 45px;
    opacity: 0;
    padding-top: 204px;
    height: 90px;
    line-height: 90px;
}
.shakeprize .start .title {
    position: absolute;
    bottom: 40px;
    left: 5%;
    width: 90%;
    text-shadow: 0 2px 2px #c04336;
    white-space: nowrap;
    font-weight: bolder;
    font-size: 40px;
    -webkit-text-stroke: 2px #c04336;
    -webkit-text-fill-color: #fff;
    text-align: center;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
}
.shakeprize #downLottery {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url(/images/wall/prizebg.png) no-repeat rgba(0, 0, 0, .5)
}
.shakeprize .downgift {
    -webkit-animation: gift 1s ease-out;
    -moz-animation: gift 1s ease-out;
      -o-animation: gift 1s ease-out;
         animation: gift 1s ease-out;
    -webkit-animation-fill-mode: forwards
}
.shakeprize .giftbox {
    width: 180px;
    height: 220px
}
.shakeprize .giftbox,
.giftbox2 {
    position: absolute;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat
}
.shakeprize .giftbox2 {
    width: 186px;
    height: 315px
}
@-webkit-keyframes gift {
    0% {
        -webkit-transform: translateY(-320px);
        -webkit-transform: translateY(-320px);
        -ms-transform: translateY(-320px)
    }
    
    to {
        -webkit-transform: translate(-300px, 500px);
        -webkit-transform: translate(-300px, 500px);
        -ms-transform: translate(-300px, 500px)
    }
}
@-moz-keyframes gift {
    0% {
        -moz-transform: translateY(-320px);
    }
    
    to {
        -moz-transform: translate(-300px, 500px);
    }
}
@-ms-keyframes gift {
    0% {
        -ms-transform: translateY(-320px);
    }
    
    to {
        -ms-transform: translate(-300px, 500px)
    }
}
@-o-keyframes gift {
    0% {
        -o-transform: translateY(-320px)
    }
    
    to {
        -o-transform: translate(-300px, 500px)
    }
}
@keyframes gift {
    0% {
        transform: translateY(-320px)
    }
    
    to {
        transform: translate(-300px, 500px)
    }
}
.bomb {
    position: absolute;
    z-index: 5;
    width: 327px;
    height: 228px;
}
.bomb .hongbao {
    position: absolute;
    top: 30px;
    left: 130px;
    z-index: -1;
}
.bomb .headimg {
    position: absolute;
    top: 48px;
    left: 145px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.bomb .nickname {
    position: absolute;
    top: 100px;
    left: 130px;
    overflow: hidden;
    width: 79px;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
}
.shakeprize #lotteryPerson {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 135px;
    border-top: 5px solid rgba(0, 0, 0, .3)
}
.shakeprize #lotteryPerson ul {
    padding: 15px 10px;
    width: 100%;
    background-color: #ffc000;
    text-align: center;
    -webkit-column-count: 10;
    box-sizing: border-box;
}
.shakeprize #lotteryPerson ul li {
    float: left;
    height: 110px;
    min-width: 79px;
    background-image: url(/images/wall/pocketholder.png);
    background-position: right 5px;
    background-repeat: no-repeat;
    -webkit-background-origin: content-box;
       -moz-background-origin: content-box;
         -o-background-origin: content-box;
            background-origin: content-box
}
.shakeprize #lotteryPerson ul li.winner {
    position: relative;
    text-align: center
}
.shakeprize #lotteryPerson ul li.winner .hongbaobg {
    position: absolute;
    top: 0;
    left: 0
}
.shakeprize #lotteryPerson ul li.winner .headimg {
    position: absolute;
    top: 18px;
    left: 15px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%
}
.shakeprize #lotteryPerson ul li.winner .nickname {
    position: absolute;
    bottom: 1pc;
    left: 2px;
    overflow: hidden;
    width: 72px;
    color: #fff;
    white-space: nowrap;
    font-size: 9pt
}

/*进度条动画*/
#timer {
    width: 980px;
    margin: 15px auto;
    background: rgba(0, 0, 0, 0.55);
    position: absolute;
    z-index: 2;
}
#timer .timer-main {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 990px;
    height: 28px;
    background-color: #40a624;
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-transition: all 1s linear;
    -webkit-background-size: 28px;
    -webkit-animation-name: progress;
    -webkit-animation-duration: 400ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-transition: all 1s linear;
    -moz-background-size: 28px;
    -moz-animation-name: progress;
    -moz-animation-duration: 400ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-transition: all 1s linear;
    -ms-background-size: 28px;
    -ms-animation-name: progress;
    -ms-animation-duration: 400ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-transition: all 1s linear;
    -o-background-size: 28px;
    -o-animation-name: progress;
    -o-animation-duration: 400ms;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    
    transition: all 1s linear;
    background-size: 28px;
    animation-name: progress;
    animation-duration: 400ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes progress {
    from {
        background-position: 0px 0px;
    }
    
    to {
        background-position: -28px 0px;
    }
}
@-moz-keyframes progress {
    from {
        background-position: 0px 0px;
    }
    
    to {
        background-position: -28px 0px;
    }
}
@-ms-keyframes progress {
    from {
        background-position: 0px 0px;
    }
    
    to {
        background-position: -28px 0px;
    }
}
@-o-keyframes progress {
    from {
        background-position: 0px 0px;
    }
    
    to {
        background-position: -28px 0px;
    }
}
@keyframes progress {
    from {
        background-position: 0px 0px;
    }
    
    to {
        background-position: -28px 0px;
    }
}
#timer .timer-main.orange-bg {
    background-color: #ff6c00;
}
#timer .timer-obj {
    position: absolute;
    top: 0px;
    right: 0px;
}
#timer .timer-obj img {
    display: block;
    margin: -17px -17px 0 0;
}
.prizelist {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 10px solid #dd594b;
    background-color: #fffcdf;
    width: 100%;
    height: 100%;
}
.prizelist-h3 {
    padding-top: 10px;
    padding-left: 136px;
    width: 100%;
    height: 126px;
    background: url(/images/wall/giftbonds.png) no-repeat -10px 10px;
    color: #dd594b;
    font-weight: 700;
    font-size: 48px
}
.prizelist-h3 sup {
    font-size: 30px;
    font-weight: normal;
    display: block;
}

.prizelist .prize-ul {
    margin: 0 auto;
    width: 950px;
    text-align: center;
}
.prizelist .prize-ul li {
    display: inline-block;
    text-align: center;
}
.prizelist .prize-ul li img.head {
    border: 1px solid #c6c297;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 6px 0 0 rgba(0, 0, 0, .2);
            box-shadow: 0 6px 0 0 rgba(0, 0, 0, .2);
}
.prizelist .prize-ul li .nickname {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    height: 40px;
    color: #3f3f3f;
    font-size: 30px;
    line-height: 40px;
    word-break: break-all;
}
.prizelist .prize-ul li .info {
    font-size: 14px;
}
.prizelist .prize-ul li .info span {
    color: #dd594b;
    font-weight: 700;
}
.prizelist .big {}
.prizelist .big li {
    width: 170px;
    height: 250px;
    margin: 0 10px;
}
.prizelist .big li img.head {
    display: block;
    margin-bottom: 20px;
    width: 168px;
    height: 168px;
}
.prizelist .big li .info {
    margin-top: 10px;
    font-size: 16px;
}
.prizelist .middle {
    margin-top: -25px;
}
.prizelist .middle li {
    padding: 15px 0;
    width: 170px;
    height: 170px;
}
.prizelist .middle li img.head {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
}
.prizelist .middle li .info {
    font-size: 14px;
}
.prizelist .small {
    overflow-x: hidden;
    overflow-y: scroll;
    padding-left: 40px;
    height: 380px;
    text-align: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.prizelist .small li {
    padding: 15px 20px;
    width: 260px;
    height: 65px;
}
.prizelist .small li img.head {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
}
.prizelist .small li .info {
    font-size: 14px;
}
.prizelist .small li .cont {
    float: left;
    margin-top: -10px;
    padding-left: 10px;
    text-align: left;
}

/*版权内容*/
#wallcopyright {
    display: none;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/*控制按钮*/
#wallcontrol {
    position: fixed;
    z-index: 20;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: 110;
}
#wallcontrol:hover {
    bottom: 0;
}
#wallcontrol:hover .control-arrow {
    background-position: 0 -35px;
}
#wallcontrol a {
    color: #FFF;
    opacity: 0.8;
    float: left;
}
#wallcontrol a:hover {
    opacity: 1;
}
#wallcontrol .control-handle a {
    color: inherit;
    display: block;
    text-align: center;
    float: none;
}
#wallcontrol .fl a {
    font-size: 26px;
}
#wallcontrol .fr a {
    margin: 0 5px;
    position: relative;
    display: inline-block;
    width: 36px;
    line-height: 35px;
    height: 39px;
    vertical-align: middle;
}
#wallcontrol .fr a i.hi-stack-1,
#wallcontrol .fr a i.hi-stack-2 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: inherit;
}
#wallcontrol .fr a i.hi-stack-1 {
    font-size: 34px;
}
#wallcontrol .fr a i.hi-stack-2 {
    font-size: 16px;
    height: 39px;
    width: 39px;
}

/*新加控制台显示效果*/
.arrow-box {
    text-align: right;
    font-size: 0;
    padding-top: 0px;
}
.control-keys {
    overflow: hidden;
    clear: both;
    background: #fff;
    padding: 10px 0;
}
.control-arrow {
    display: inline-block;
    background: url(/images/wall/contr-arrow.png) no-repeat;
    width: 55px;
    height: 25px;
}
.color-sky {
    color: #45a3f2;
}
.color-pink,.color-sephorasign {
    color: #f67575;
}
.color-yellow-green {
    color: #73c25b;
}
.color-red {
    color: #ee5f50
}
.color-grey {
    color: #afafaf;
}

.danmu-ban {
    color: #afafaf;
    position: relative;
    text-align: center;
}
.danmu-ban i.hi-ban {
    color: #ff3d3d;
    position: absolute;
    top: 15%;
    left: 24%;
    z-index: 2;
    font-size: 18px;
}
.danmu-open {
    color: #ffb400;
}
.danmu-open i.hi-ban {
    display: none;
}
.control-handle li {
    float: left;
    margin-right: 15px;
}
.control-handle li svg {
    width: 22px;
    height: 22px;
}
.control-handle li svg path {
    fill: #ee5f50;
}
#game-control-switch,
#play-handle {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 20px;
    -webkit-border-radius: 23px;
       -moz-border-radius: 23px;
        -ms-border-radius: 23px;
         -o-border-radius: 23px;
            border-radius: 23px;
    height: 36px;
    margin-top: 5px;
}

/*播放暂停按钮上的小动画，用于翻页计时*/
.play-handle .track {
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    left: -2px;
    top: -2px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
}
.play-handle .track .play {
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    margin: 0 auto;
    -webkit-transform-origin: 50% 21px;
       -moz-transform-origin: 50% 21px;
        -ms-transform-origin: 50% 21px;
         -o-transform-origin: 50% 21px;
            transform-origin: 50% 21px;
}
.play-handle .track .play {
    -webkit-animation-name: animtBall;
       -moz-animation-name: animtBall;
        -ms-animation-name: animtBall;
         -o-animation-name: animtBall;
            animation-name: animtBall;
    -webkit-animation-duration: 3s;
       -moz-animation-duration: 3s;
        -ms-animation-duration: 3s;
         -o-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-timing-function: linear;
       -moz-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
         -o-animation-timing-function: linear;
            animation-timing-function: linear;
}
@-webkit-keyframes animtBall {
    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
@-moz-keyframes animtBall {
    to {
        -moz-transform: rotate(1turn);
             transform: rotate(1turn);
    }
}
@-ms-keyframes animtBall {
    to {
        -ms-transform: rotate(1turn);
           transform: rotate(1turn);
    }
}
@-o-keyframes animtBall {
    to {
        -o-transform: rotate(1turn);
           transform: rotate(1turn);
    }
}
@keyframes animtBall {
    to {
        -webkit-transform: rotate(1turn);
           -moz-transform: rotate(1turn);
             -o-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

/* layer弹出窗加载样式 layui-layer-myloading*/
html .layui-layer-myloading {
    width: 30px;
    height: 40px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.layui-layer-myloading .layui-layer-content {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: transparent;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -moz-animation: dots-loader 2s infinite ease-in-out;
    -webkit-animation: dots-loader 2s infinite ease-in-out;
    -o-animation: dots-loader 2s infinite ease-in-out;
       animation: dots-loader 2s infinite ease-in-out;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
}
@-moz-keyframes dots-loader {
    0% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    8.33% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    16.67% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    25% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    33.33% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    
    41.67% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    50% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    58.33% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    66.67% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    75% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    83.33% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    
    91.67% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    100% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}
@-o-keyframes dots-loader {
    0% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    8.33% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    16.67% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    25% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    33.33% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    
    41.67% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    50% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    58.33% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    66.67% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    75% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    83.33% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    
    91.67% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    100% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}
@keyframes dots-loader {
    0% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    8.33% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    16.67% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    25% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    33.33% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    
    41.67% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    50% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    58.33% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    66.67% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    75% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    83.33% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    
    91.67% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    100% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}
@-webkit-keyframes dots-loader {
    0% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    8.33% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    16.67% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    25% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    33.33% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    
    41.67% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    50% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    58.33% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    66.67% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    75% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    
    83.33% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    
    91.67% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    
    100% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}

/*二维码展示框*/
.win-cont {
    width: inherit;
    padding: 20px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.win-q {
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.win-q img {
    width: 430px;
    height:430px;
}
.win-hed {
    color: #242424;
    font-size: 20px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-align: center;
    padding: 0px 18px 10px;
}

/*新加抽奖背景框*/

/* .msg-opacity1 .luck-draw{background-color:rgba(255,255,255,0.1);}
.msg-opacity2 .luck-draw{background-color:rgba(255,255,255,0.2);}
.msg-opacity3 .luck-draw{background-color:rgba(255,255,255,0.3);}
.msg-opacity4 .luck-draw{background-color:rgba(255,255,255,0.4);}
.msg-opacity5 .luck-draw{background-color:rgba(255,255,255,0.5);}
.msg-opacity6 .luck-draw{background-color:rgba(255,255,255,0.6);}
.msg-opacity7 .luck-draw{background-color:rgba(255,255,255,0.7);}
.msg-opacity8 .luck-draw{background-color:rgba(255,255,255,0.8);}
.msg-opacity9 .luck-draw{background-color:rgba(255,255,255,0.9);}
.msg-opacity10 .luck-draw{background-color:rgba(255,255,255,1);} */

/*新加数钱游戏*/
.money-play-box {
    position: relative;
    width: 100%;
    height: 620px;
    background: #ed5450;
    overflow: hidden;
}
.play-stage {
    background: url(/images/wall/money/countbg.png) no-repeat;
    width: 822px;
    height: 438px;
    position: relative;
    top: 50%;
    margin: -219px auto 0;
}
.play-btn-start {
    position: absolute;
    left: 0;
    bottom: 55px;
    width: 100%;
    text-align: center;
    corsor: pointer;
}
.play-btn-start img {
    cursor: pointer;
}
.part-in {
    position: absolute;
    right: 30px;
    bottom: 55px;
    font-size: 18px;
    display: inline-block;
    background: #fff;
    line-height: 24px;
    padding: 12px 20px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    color: #333;
    font-weight: bold;
}
.stage-tite {
    padding-top: 95px;
    text-align: center;
    font-size: 70px;
    color: #333;
    display: block
}
.amount-down-num {
    position: absolute;
    width: 100%;
    top: 95px;
    text-align: center;
    font-size: 100px;
    color: #333;
    display: block;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4)
}
.amount-note {
    position: absolute;
    right: 30px;
    top: 50px;
    text-align: right;
    color: #333;
    font-size: 18px;
}
.amount-note * {
    display: block;
}
.radius-cross {
    display: inline-block;
    width: 30px;
    height: 6px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    vertical-align: middle;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.4);
}
.amount-down-num.scal {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
     -ms-transform: scale(3);
      -o-transform: scale(3);
         transform: scale(3);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin:50% 50%;
     -ms-transform-origin:50% 50%;
      -o-transform-origin:50% 50%;
         transform-origin:50% 50%;
    opacity: 0;
}
.amount-down-num {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
}
.amount-down-num.animation-scale {
    -webkit-animation-name: animateScale;
    -webkit-animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: animateScale;
    -moz-animation-duration: 300ms;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: animateScale;
    -ms-animation-duration: 300ms;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: animateScale;
    -o-animation-duration: 300ms;
    -o-animation-timing-function: linear;
    
    animation-name: animateScale;
    animation-duration: 300ms;
    animation-timing-function: linear;
}
@-webkit-keyframes animateScale {
    from {
        -webkit-transform: scale(3);
        opacity: 0
    }
    
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes animateScale {
    from {
        -moz-transform: scale(3);
        opacity: 0
    }
    
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-ms-keyframes animateScale {
    from {
        -ms-transform: scale(3);
        opacity: 0
    }
    
    to {
        -ms-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes animateScale {
    from {
        -o-transform: scale(3);
        opacity: 0
    }
    
    to {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes animateScale {
    from {
        transform: scale(3);
        opacity: 0
    }
    
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes animateRotate {
    from {
        -webkit-transform: rotateZ(0deg)
    }
    
    to {
        -webkit-transform: rotateZ(359deg);
    }
}
@-moz-keyframes animateRotate {
    from {
        -moz-transform: rotateZ(0deg)
    }
    
    to {
        -moz-transform: rotateZ(359deg);
    }
}
@-ms-keyframes animateRotate {
    from {
        -ms-transform: rotateZ(0deg)
    }
    
    to {
        -ms-transform: rotateZ(359deg);
    }
}
@-o-keyframes animateRotate {
    from {
        -o-transform: rotateZ(0deg)
    }
    
    to {
        -o-transform: rotateZ(359deg);
    }
}
@keyframes animateRotate {
    from {
        transform: rotateZ(0deg)
    }
    
    to {
        transform: rotateZ(359deg);
    }
}
.fight-box {
    position: relative;
    width: 100%;
    height: 610px;
    background: rgba(255, 255, 255, 0.5);
}
.fight-box .money-double {
    float: right;
}
.animate-rotate {
    -webkit-animation-name: animateRotate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-iteration-count: infinite;
}
.fightting-note {
    padding: 40px 0;
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.time-down-font {
    color: #ff0000;
}
.luck-stage {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 70px;
    border: 1px solid #ddd;
}
.luck-scale {
    position: relative;
    height: 338px;
    margin: 0 40px;
    border: 1px solid #ff0000;
    border-right: none;
    border-top-width: 2px;
}
.scale-line {
    position: absolute;
    left: 0;
    width: 5px;
    height: 1px;
    display: block;
    background: #ff0000;
}
.line-1 {
    top: 12.5%;
}
.line-2 {
    top: 25%;
}
.line-3 {
    top: 37.5%;
}
.line-4 {
    top: 50%;
}
.line-5 {
    top: 62.5%;
}
.line-6 {
    top: 75%;
}
.line-7 {
    top: 87.5%;
}
.line-8 {
    top: 100%;
}
.scale-user {
    position: absolute;
    left: 50px;
    bottom: 32px;
    width: 91%;
    height: 100%;
    padding: 20px 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.scale-user-list {
    position: absolute;
    bottom: 0px;
    width: 10%;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0px;
}
.scale-user-list .gold-num {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.gold-hd {
    background: url(/images/wallMoney/gold-hd.png) no-repeat left top;
    display: block;
    margin: 0 auto;
    width: 67px;
    height: 20px;
    margin-bottom: -1px;
}
.gold-main {
    background: url(/images/wallMoney/gold-bg.png) repeat-y;
    display: block;
    margin: 0 auto;
    width: 67px;
    height: 0px;
}
.player-img {
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
}
.player-img img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    display: inline-block;
    overflow: hidden;
}
.player-name {
    padding: 0 5px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    text-align: center;
}
.scale-list-1 {
    left: 0;
}
.scale-list-2 {
    left: 10%;
}
.scale-list-3 {
    left: 20%;
}
.scale-list-4 {
    left: 30%;
}
.scale-list-5 {
    left: 40%;
}
.scale-list-6 {
    left: 50%;
}
.scale-list-7 {
    left: 60%;
}
.scale-list-8 {
    left: 70%;
}
.scale-list-9 {
    left: 80%;
}
.scale-list-10 {
    left: 90%;
}

/*抢钱*/
.fight-user {
    position: absolute;
    text-align: center;
    margin-left: -60px;
}
.fight-user-img img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    overflow: hidden;
}
.fight-user-name {
    font-size: 14px;
    line-height: 150%;
    color: #333;
    margin: 10px 0;
    max-width: 120px;
}
.fight-user-money {
    font-size: 18px;
    color: #ff3d3d;
    font-weight: bold;
}
.fight-user-1 {
    left: 25%;
    top: 15%;
}
.fight-user-2 {
    left: 75%;
    top: 15%;
}
.fight-user-3 {
    left: 50%;
    top: 35%;
}
.fight-user-4 {
    left: 25%;
    top: 60%;
}
.fight-user-5 {
    left: 75%;
    top: 60%;
}

/*结果显示*/
.result-user {
    text-align: center;
    position: absolute;
    width: 120px;
}
.an-crown {
    position: relative;
    z-index: 5;
}
.result-user-img {
    position: relative;
    z-index: 4;
    margin-top: -10px;
}
.result-user-img img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    border: 1px solid #f00;
}
.result-user-name {
    position: relative;
    z-index: 6;
    background: #fff;
    margin-top: -10px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    color: #333;
    line-height: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 22px;
       -moz-border-radius: 22px;
            border-radius: 22px;
}
.result-user-name .box {
    white-space: nowrap;
    overflow: hidden;
}
.name-string {
    display: inline-block;
    vertical-align: middle;
}
.raking {
    background: #ff2727;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    line-height: 20px;
}
.result-user-currency {
    position: relative;
    z-index: 4;
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    padding: 5px 10px;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background: #ffc322;
    color: #fff;
    font-weight: bold;
    margin-top: -5px;
}
.result-1 {
    width: 220px;
    left: 50%;
    margin-left: -110px;
    top: 10%;
}
.result-1 .result-user-name {
    font-size: 18px;
}
.result-1 .raking {
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background: #ff0000;
}
.result-1 .result-user-img img {
    width: 180px;
    height: 180px;
    -webkit-border-radius: 90px;
       -moz-border-radius: 90px;
            border-radius: 90px;
}
.result-2 {
    width: 180px;
    left: 25%;
    margin-left: -90px;
    top: 50%;
}
.result-2 .result-user-img img {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 80px;
       -moz-border-radius: 80px;
            border-radius: 80px;
}
.result-3 {
    width: 140px;
    left: 75%;
    margin-left: -90px;
    top: 50%;
}
.result-3 .result-user-img img {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 60px;
       -moz-border-radius: 60px;
            border-radius: 60px;
}
.result-4 {
    left: 2%;
    top: 4%;
}
.result-5 {
    left: 84%;
    top: 17%;
}
.result-6 {
    left: 43%;
    top: 73%;
}
.result-7 {
    left: 2%;
    top: 42%;
}
.result-8 {
    left: 80%;
    top: 64%;
}
.result-9 {
    left: 23%;
    top: 11%;
}
.result-10 {
    left: 63%;
    top: 4%;
}

/*加载动画*/
.m-progress {
    position: fixed;
    z-index: 60;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
}
.m-prog-box {
    position: relative;
    z-index: 61;
    left: 15%;
    width: 70%;
    hegiht: 130px;
    top: 50%;
    margin-top: -65px;
}
.progress-line {
    width: 100%;
    padding-top: 21px;
}
.progress-fulled {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.progress-fulled img {
    display: block;
}
.prog-groove {
    border: 5px solid #333333;
    height: 80px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    margin-right: 40px;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
}
.motion-obj {
    width: 100%;
    position: relative;
    height: 100%;
    left: 100%;
    -webkit-animation-name: motion;
       -moz-animation-name: motion;
         -o-animation-name: motion;
            animation-name: motion;
    -webkit-animation-duration: 5000ms;
       -moz-animation-duration: 5000ms;
         -o-animation-duration: 5000ms;
            animation-duration: 5000ms;
    -webkit-animation-timing-function: linear;
       -moz-animation-timing-function: linear;
         -o-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.motion-obj .mo-line {
    position: absolute;
    width: 100px;
    height: 10px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #579bfe;
    left: 50%;
    top: 9px;
    margin-left: -50px;
}
.motion-obj .one {
    left: 10%;
    top: 40%;
}
.motion-obj .three {
    left: 70%;
    top: 65%;
}
@-webkit-keyframes motion {
    from {
        left: 100%
    }
    
    to {
        left: -100%;
    }
}
@-moz-keyframes motion {
    from {
        left: 100%
    }
    
    to {
        left: -100%;
    }
}
@-o-keyframes motion {
    from {
        left: 100%
    }
    
    to {
        left: -100%;
    }
}
@keyframes motion {
    from {
        left: 100%
    }
    
    to {
        left: -100%;
    }
}
.run-way {
    height: 60px;
    margin: 10px 80px 10px 10px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 40px 0 0 40px;
       -moz-border-radius: 40px 0 0 40px;
            border-radius: 40px 0 0 40px;
}
.load-groove {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #579bfe;
    -webkit-border-radius: 40px 0 0 40px;
       -moz-border-radius: 40px 0 0 40px;
            border-radius: 40px 0 0 40px;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.load-groove:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    opacity: 0.42;
    -webkit-transform: skewX(-40deg);
       -moz-transform: skewX(-40deg);
        -ms-transform: skewX(-40deg);
         -o-transform: skewX(-40deg);
            transform: skewX(-40deg);
    -webkit-animation-name: linearBg;
       -moz-animation-name: linearBg;
         -o-animation-name: linearBg;
            animation-name: linearBg;
    -webkit-animation-duration: 1000ms;
       -moz-animation-duration: 1000ms;
         -o-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-timing-function: linear;
       -moz-animation-timing-function: linear;
         -o-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
@-webkit-keyframes linearBg {
    from {
        left: 0
    }
    
    to {
        left: 100%
    }
}
@-moz-keyframes linearBg {
    from {
        left: 0
    }
    
    to {
        left: 100%
    }
}
@-o-keyframes linearBg {
    from {
        left: 0
    }
    
    to {
        left: 100%
    }
}
@keyframes linearBg {
    from {
        left: 0
    }
    
    to {
        left: 100%
    }
}
.loaded-animate {
    position: absolute;
    left: 5px;
    top: 5px;
    background: #579bfe;
    color: #fff;
    border: 5px solid #fff;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 113px;
    height: 113px;
    opacity: 0;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    overflow: hidden;
}
.loaded-tag {
    height: 113px;
    line-height: 113px;
    text-align: center;
    color: #fff;
    font-size: 60px;
    overflow: hidden;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.loaded-tag-shadow {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: #579bfe;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.loaded-suc .loaded-animate {
    opacity: 1;
}
.loaded-suc .loaded-tag-shadow {
    -webkit-transition-delay: 100ms;
       -moz-transition-delay: 100ms;
         -o-transition-delay: 100ms;
            transition-delay: 100ms;
    width: 0;
}

/*摇红包*/
.g-red-packets {position: absolute;z-index:5; left: 0; top: 0; width:100%; height: 100%; min-width: 1000px; display:none;}
.m-red-packets .chaopan{}

.m-red-packets .g-hd{width: 990px; margin: 0 auto;}
.m-red-packets .red-packets-content{background: url(/images/redpack/red-packets-bg.png) repeat; position: relative; overflow: hidden;}
.m-red-packets .round-text{text-align: center; color: #ffd470; font-size: 30px; padding: 30px 0 40px; line-height:40px;}
.m-red-packets .play-tite img{display: block; margin: 0 auto;}
.m-red-packets .g-top{position: relative; z-index: 2;}
.m-red-packets .g-pendant-l,
.m-red-packets .g-pendant-r{position: absolute; left: 50%; top: 0;}
.m-red-packets .g-pendant-l{margin-left: -605px;}
.m-red-packets .g-pendant-r{ margin-left: 425px; }
.m-red-packets .g-pendant-r .send-note{    position: absolute; right: 16px; bottom: 70px; width: 100px; color: #bb341c; text-shadow: 0 2px 0px #ffd470,0 -2px 0px #ffd470,2px 0px 0px #ffd470,-2px 0px 0px #ffd470; font-size:18px; font-weight: bold;}
.m-red-packets .g-pendant-r .send-note div{margin-top: -5px;}
.m-red-packets .g-pendant-r .total-number{font-size: 28px;}
.m-red-packets .g-cont{margin-top: -37px;}
.m-red-packets .nostart-cont{position: relative; width: 890px; margin: 0 auto;}
.m-red-packets .g-cont .cont-box{position:absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.m-red-packets .nostart-cont img{display: block; margin: 0 auto;}
.m-red-packets .nostart-cont .plays-note{font-size: 22px; color: #ffe89c; margin: 20px 0 85px;}
.m-red-packets .nostart{background: url(/images/redpack/nostart-blk-bg.png) no-repeat center bottom;}
.m-red-packets .nostart .cotr-box{margin-top:420px;}
.m-red-packets .cotr-btn{background: url(/images/redpack/btn.png) no-repeat; display: inline-block; width: 379px; height: 123px; cursor: pointer;}
.m-red-packets .ing-cont{position: relative; z-index: 2; width: 990px; margin: 0 auto;}
.m-red-packets .ing-cont img{display: block; margin: 0 auto;}
.m-red-packets .ing-cont .cotr-box{margin-top:445px;}
.m-red-packets .ing-cont  .plays-note{font-size: 22px; color: #ffe89c; margin: 5px 0 80px; text-align: center;}
.m-red-packets .ing-cont .cotr-end{background-position: center bottom;}
.m-red-packets .ing-cont .shaking-animate{position: absolute; z-index: 3; left: 50%; top: 18px; width: 360px; height: 360px; background: url(/images/redpack/shake-hand-bg.png) no-repeat; margin-left: -180px;}
.m-red-packets .ing-cont .shaking-animate img{margin-top: 31px;margin-left: 50px;}
.m-red-packets .ing-cont .has-winner{position: absolute; z-index: 3; left: 0; top: -131px; width:990px; overflow: hidden;}
.m-red-packets .ing-cont .has-winner .winer-ig{ padding: 156px 156px 30px }
.m-red-packets .ing-cont .has-winner .winer-ig .gold-animate{position: absolute; z-index: -1; left: 50%; top: 50%; width: 512px; height: 512px; margin:-256px 0 0 -256px;background: url(/images/redpack/golden-light.png) no-repeat center;}
.m-red-packets .ing-cont .has-winner .winer-ig>img{display: block; margin: 0 auto;width:356px; height:356px; border-radius: 50%;}
.m-red-packets .ing-cont .has-winner .winer-ig img.wechat-emoji{display:inline-block; vertical-align: middle;}
.m-red-packets .ing-cont .has-winner p{font-size: 36px; color: #fff; text-align: center; text-shadow:0 3px 0 #8b1d0a, 0 -3px 0 #8b1d0a,3px 0 0 #8b1d0a,-3px 0 0 #8b1d0a; }
.m-red-packets .ing-packet{background:url(/images/redpack/ing-blk-bg.png) no-repeat center bottom;}
.m-red-packets .winner-msg{position: absolute; left: 50%; top: 20%; z-index: 20;}
.m-red-packets .winner-msg .win-prize{ line-height: 90px; font-size: 30px; color: #fff; background: #59170b; border-radius:35px; padding: 0 45px 0 105px; border: 1px solid #c33117;     white-space: nowrap;}
.m-red-packets .winner-msg .win-prize .winer-num{color:#ffc000;}
.m-red-packets .winner-msg .win-user{position:absolute; left:-10px; bottom:0;background: url(/images/redpack/msg-tan.png) no-repeat; width: 95px; height: 101px; }
.m-red-packets .winner-msg .win-user .user-ig img{display: block; width: 56px; height: 56px;border-radius:50%; margin:11px auto 0px ; border: 2px solid #da361a;}
.m-red-packets .winner-msg .win-user .user-name{text-overflow:ellipsis;white-space: nowrap;  overflow: hidden; padding: 0 5px; color: #fff; font-size: 14px; text-align: center;}
.m-red-packets .packets-result .shadow{position: fixed; z-index: 90; left: 0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.6);}
.m-red-packets .packets-result .red-result-cont{position:absolute; z-index:91; left:50%; top:50%;width: 1280px; height: 760px; margin:-380px 0 0 -640px; background: #bf3f2f; border: 2px solid rgba(255,212,112,0.5); border-radius:6px; }
.m-red-packets .packets-result .red-result-cont .result-rank-list{overflow-y: auto; height: 530px; }
.m-red-packets .packets-result .result-rank{height:200px;margin-bottom: 30px;}
.m-red-packets .packets-result .result-rank img{margin-left: -18px; }
.m-red-packets .packets-result .list-winer{ display: inline-block; width: 198px; margin-left: 50px; position: relative; padding-top: 30px;}
.m-red-packets .packets-result .list-winer .king-winer{position: absolute; z-index: -2; left: 0; top: 0;}
.m-red-packets .list-winer .winer-img .ig{width: 190px; height: 190px; border-radius: 50%; border: 4px solid #9f230e;}
.m-red-packets .list-winer .winer-name{font-size: 30px; text-shadow: 0 1px 1px rgba(0,0,0,0.8); color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.m-red-packets .list-winer .winer-name .sequence{color: #59170b;}
.m-red-packets .list-winer .winer-count{text-align: center;font-size: 28px; color: #fff77f; text-shadow: 0 1px 1px rgba(0,0,0,0.8);}
.m-red-packets .result-rank-list .winer-img{position:relative;}
.m-red-packets .result-rank-list .winer-img .first-winer{position:absolute;}
.m-red-packets .result .first-winer{    left: -21px;    top: -31px;}
.m-red-packets .result{padding-top:60px; text-align:center;}
.m-red-packets .result.resultB,.m-red-packets .result.resultC{padding-top:0;}
.m-red-packets .resultB .list-winer{width:160px;margin-left:80px;float:left;}
.m-red-packets .resultB .winer-name{font-size:24px; line-height:36px;}
.m-red-packets .resultB .winer-count{font-size:20px; line-height:30px;}
.m-red-packets .resultB .winer-img .ig{width:150px; height:150px;}
.m-red-packets .resultB .first-winer{    left: -19px;    top: -31px;}
.m-red-packets .resultC .list-winer{width:140px;margin-left:40px;float:left;}
.m-red-packets .resultC .winer-name{font-size:18px; line-height:28px;}
.m-red-packets .resultC .winer-count{font-size:16px; line-height:24px;}
.m-red-packets .resultC .winer-img .ig{width:124px; height:124px;}
.m-red-packets .resultC .first-winer{    top: -23px;    left: -15px;}
.m-red-packets .shake-animate{transform-origin: center bottom; 
	animation-name: shakeAm;
	animation-duration:500ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite; 
}
@keyframes shakeAm{
	0%{transform:rotateZ(0deg);}
	5%{transform:rotateZ(-15deg);}
	85%{transform:rotateZ(15deg);}
	100%{transform:rotateZ(0deg);}
}
.m-red-packets .winner-animate{
	animation-name: tanAm;
	animation-duration: 10000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes tanAm{
	0%{left:100%;}
	
	100%{left:-200px }
}
.m-red-packets .gold-animate{
	animation-name: goldRatote;
	animation-duration: 2000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes goldRatote{
	0%{transform: rotateZ(0deg);}
	100%{transform:rotateZ(360deg);}
}
.packet-luck{position: absolute; top: 420px; left: 50%; margin-left: -50px; 
	animation-name: luckLfAnimate;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;  
}
.m-red-packets .animation .luck-lf{animation-name: luckLfAnimate;}
.m-red-packets .animation .luck-lr{animation-name: luckLrAnimate;}
.m-red-packets .animation .luck-mi{animation-name: luckLfAnimateMi;}
.m-red-packets .animation .luck-pi{animation-name: luckLfAnimatePi;}
@keyframes luckLfAnimate{
	0%{	z-index: -1;
		transform:translateX(0px) translateY(0px);
	}
	20%{	z-index: -1;
		transform:translateX(-92px) translateY(-109px) skewX(30deg);
	}
	30%{z-index:-1;
		transform:translateX(-199px) translateY(-156px) skewX(30deg) rotateX(52deg);
	}
	50%{z-index: 2;
		transform:translateX(-296px) translateY(-110px) skewX(-29deg) rotateX(133deg) rotateY(64deg);
	}
	70%{z-index: 2;
		transform:translateX(-360px) translateY(0px) skewX(-29deg) rotateX(133deg) rotateY(720deg);
	}
	100%{z-index: 2;
		transform:translateX(-426px) translateY(211px) skewX(-29deg) rotateX(133deg)  rotateY(1440deg);
	}
}
@keyframes luckLfAnimateMi{
	0%{	z-index: -1;
		transform:translateX(0px) translateY(0px);
	}
	20%{	z-index: -1;
		transform:translateX(-47px) translateY(-87px) skewX(30deg);
	}
	30%{z-index:-1;
		transform:translateX(-128px) translateY(-156px) skewX(30deg) rotateX(52deg);
	}
	50%{z-index: 2;
		transform:translateX(-191px) translateY(-87px) skewX(-29deg) rotateX(133deg) rotateY(64deg);
	}
	70%{z-index: 2;
		transform:translateX(-215px) translateY(0px) skewX(-29deg) rotateX(133deg) rotateY(720deg);
	}
	100%{z-index: 2;
		transform:translateX(-240px) translateY(211px) skewX(-29deg) rotateX(133deg)  rotateY(1440deg);
	}
}
@keyframes luckLrAnimate{
	0%{	z-index: -1;
		transform:translateX(0px) translateY(0px);
	}
	20%{	z-index: -1;
		transform:translateX(92px) translateY(-109px) skewX(-30deg);
	}
	30%{z-index:-1;
		transform:translateX(199px) translateY(-156px) skewX(-30deg) rotateX(52deg);
	}
	50%{z-index: 2;
		transform:translateX(296px) translateY(-110px) skewX(29deg) rotateX(133deg) rotateY(64deg);
	}
	70%{z-index: 2;
		transform:translateX(360px) translateY(0px) skewX(29deg) rotateX(133deg) rotateY(720deg);
	}
	100%{z-index: 2;
		transform:translateX(426px) translateY(211px) skewX(29deg) rotateX(133deg)  rotateY(1440deg);
	}
}
@keyframes luckLfAnimatePi{
	0%{	z-index: -1;
		transform:translateX(0px) translateY(0px);
	}
	20%{	z-index: -1;
		transform:translateX(47px) translateY(-87px) skewX(-30deg);
	}
	30%{z-index:-1;
		transform:translateX(128px) translateY(-156px) skewX(-30deg) rotateX(52deg);
	}
	50%{z-index: 2;
		transform:translateX(191px) translateY(-87px) skewX(29deg) rotateX(133deg) rotateY(64deg);
	}
	70%{z-index: 2;
		transform:translateX(215px) translateY(0px) skewX(29deg) rotateX(133deg) rotateY(720deg);
	}
	100%{z-index: 2;
		transform:translateX(240px) translateY(211px) skewX(29deg) rotateX(133deg)  rotateY(1440deg);
	}
}
.packets-count-down{position: absolute;
    z-index: 50;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    background: rgba(0,0,0,0.6);
    margin: -150px 0 0 -150px;
    border-radius: 50%;}
.packets-count-down span{position: absolute; left: 50%; top: 50%; width: 200px; height: 300px; text-align: center; margin: -150px 0 0 -100px; font-size: 200px; line-height: 300px;
	text-shadow: 0 6px 0 #da361a,6px 0 0 #da361a,0 -6px 0 #da361a,-6px 0 #da361a; color: #fff; 
	
	transform-origin: center;
	
}
.packets-count-down .count-animate{
	animation-name: rotateDown;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	transform-origin:center center;
}
@keyframes rotateDown{
	0%{
		transform: scale(2);	
	}
	
	100%{
		transform: scale(0);
	}
}
/*摇一摇赛马主题*/
.shake-horse{overflow: hidden; height:100%;}
.pony{width: 80px; height:64px; background-image:url(/images/shake/shake-horse.png);}
.horse-animate .pony{
	animation-name: horseAnimate;
	animation-duration:600ms;
	animation-timing-function: step-start;
	animation-iteration-count: infinite;
}
@keyframes  horseAnimate{
	0%{background-position:0 0;}
	33%{background-position:0 -100px;}
	66%{background-position:0 -200px;}
	100%{background-position:0 0;}
}
.shake-horse-box{height: 130px; overflow: hidden; position: relative; background:#2fadfd;}
.horse-prospects,.horse-close-hot{position: relative; width: 200%;background:url(/images/shake/shake-horse-view-head.png)  repeat-x; height: 130px;}
.horse-close-hot{background-position: center bottom; position: absolute; left: 0; bottom: 0;}
@keyframes prospectsAnimate{
	0%{transform: translateX(0);}
	100%{transform:translateX(-50%);}
}
@keyframes closeHotAnimate{
	0%{transform: translateX(0%);}
	100%{transform: translateX(-50%);}
}
.horse-prospects{
	animation-name: prospectsAnimate;
	animation-timing-function: linear;
	animation-duration: 25000ms;
	animation-iteration-count:infinite;
}
.horse-close-hot{
	animation-name: closeHotAnimate;
	animation-timing-function: linear;
	animation-duration: 8000ms;
	animation-iteration-count:infinite;	
}
.horse-tite-box{position: absolute; left: 30px; top: 0; background: url(/images/shake/shake-horse-tite.png) no-repeat; width: 598px; height: 87px; text-align: center; line-height: 80px; font-size: 26px;}
.horse-join-num{position: absolute; right: 40px; top: 0; background: url(/images/shake/shake-horse-tite.png) no-repeat left bottom; width: 177px; height: 87px; text-align: center;   }
.horse-join-num .text{padding-top: 10px; font-size: 14px; line-height: 20px; }
.horse-join-num .regist-num{font-size: 24px; line-height: 36px;}
/*赛马道*/
.horse-court{ position:relative; box-sizing:border-box;}
.horse-court:before,.horse-court:after{content:'';display:block; position:absolute; background:#fff;}
.horse-court:before{left:0; top:0; width:2px; height:100%; z-index:2;}
.horse-court:after{left:0; top:0; width:100%; height:2px;}
.horse-court-line{ position:relative; max-width: 100%; background: url(/images/shake/horse-path.png) repeat-x; clear: both; height: 52px;}
.horse-court-line:before,.horse-court-line:after{content:'';display:block; position:absolute; background:#fff;}
.horse-court-line:before{left:0; bottom:0; width:100%; height:2px;}
.horse-court-line:after{right:0; top:0; width:2px; height:100%;}
.horse-court-line.even{background-position: left bottom;}
.horse-court-line .sort-number{float: left; width: 50px; font-size:40px; color: #fff; transform: rotateZ(90deg); text-align: center;line-height: 50px; position: relative;}
.horse-court-line .sort-number:after{
	content: ''; display: block; position: absolute; left: 0; top:0; width:100%; height:2px; background:#fff;
}
.shake-horse .horse-line{margin-left: 50px; position: relative; height: 100%; z-index:3;}
.shake-horse .horse-line .horse-player{position: relative; left: 0; height: 100%; transition: all 300ms linear;}
.shake-horse .horse-line .horse-player .pony{position: absolute; left: 0; bottom: 0;}
.shake-horse .horse-line .player-info{padding:4px 0 0 80px;}
.shake-horse .horse-line .player-info .ig{float: left; position: relative; z-index: 2;}
.shake-horse .horse-line .player-info .ig img{width: 36px; height: 36px; border-radius: 50%; border:3px solid #fff;  }
.shake-horse .horse-line .info-cont{float:left; position: relative; background:#fff;font-size:14px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; padding:0 10px 0 15px; border-radius: 5px; margin: 9px 0 0 -10px; z-index: 1 }
.shake-horse .horse-line .info-cont img{max-height:24px; width:auto; }
.shake-horse .horse-court-line:first-child .player-info img{border-color: #ff0000; } 
.shake-horse .horse-court-line:first-child .player-info .info-cont{color: #ff0000; } 
.shake-horse .horse-court-line:first-child .player-info .ig{position: relative;}
.shake-horse .horse-court-line:first-child .player-info .ig:after{
	content:''; display: block; position: absolute;     right: -10px;    top: -11px; width: 23px; height: 23px;	background: url(/images/shake/shake-horse-tite.png) no-repeat -200px -200px;}
.shake-horse .horse-court-line:nth-child(2) .player-info img{border-color: #fe7200; } 
.shake-horse .horse-court-line:nth-child(2) .player-info .info-cont{color: #fe7200; } 
.shake-horse .horse-court-line:nth-child(2) .player-info .ig{position: relative;}
.shake-horse .horse-court-line:nth-child(2) .player-info .ig:after{
	content:''; display: block; position: absolute;     right: -10px;    top: -11px; width: 23px; height: 23px;	background: url(/images/shake/shake-horse-tite.png) no-repeat -200px -225px;}
.shake-horse .horse-court-line:nth-child(3) .player-info img{border-color: #f70bbd; } 
.shake-horse .horse-court-line:nth-child(3) .player-info .info-cont{color: #f70bbd; } 
.shake-horse .horse-court-line:nth-child(3) .player-info .ig{position: relative;}
.shake-horse .horse-court-line:nth-child(3) .player-info .ig:after{
	content:''; display: block; position: absolute;     right: -10px;    top: -11px; width: 23px; height: 23px;	background: url(/images/shake/shake-horse-tite.png) no-repeat -200px -252px;}
	
/************************定制版*****************************************/	
/*sephora丝芙兰定制版签到*/
#sephorasign-wall-block {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(/images/wall/sephora/sephorabg.jpg) no-repeat #000;
    background-size: 100% 100%;
    position: fixed;
    top:0;
    left:0;
    z-index:100;
    display:none;
}

#sephorasign-wall-block .signbox{
    width: 485px;
    height: 440px;
    position: absolute;
    right: 175px;
    top: 45px;
    background: url(/images/wall/sephora/signbg.png) no-repeat;
    background-size: 100% 89%;
    padding-top: 40px;
}

#sephorasign-wall-block .signbox .head{
    width: 360px;
    height: 340px;
    margin-left: 50px;
}

#sephorasign-wall-block .signbox p{
    font-size: 38px;
    width: 100%;
    text-align: center;
    color: #FFF;
    padding-top: 8px;
    height:50px;
    overflow:hidden;
}

#sephorasign-wall-block .signbox p img{
    width: 38px;
    height: 38px;
}


#sephorasign-wall-block .scrollbox {
    width: 400%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    zoom: initial;
}

#sephorasign-wall-block .scrollbox .holder-ani{
    width:25%; 
    -webkit-animation: scrollx2 10s linear;
    -o-animation: scrollx2 10s linear;
    animation: scrollx2 10s linear;
}


#sephorasign-wall-block ul {
    transition: all 10s linear;
    background: url(/images/wall/sephora/scrollbg2.jpg) no-repeat #000;
    background-size: 100%;
    width: 25%;
    position: absolute;
    left:25%;
    top: 0;
    height:inherit;
}

#sephorasign-wall-block ul.tab1.ani{
    -webkit-animation: scrollx 20s linear infinite;
    -o-animation: scrollx 20s linear infinite;
    animation: scrollx 20s linear infinite;
}
#sephorasign-wall-block ul.tab2.ani{
    -webkit-animation: scrollx 20s linear 10s infinite;
    -o-animation: scrollx 20s linear 10s infinite;
    animation: scrollx 20s linear 10s infinite;
}

#sephorasign-wall-block ul li {
    width: 10%;
    height: inherit;
    display:inline-block;
}

/* #sephorasign-wall-block ul li:nth-child(1),
#sephorasign-wall-block ul li:nth-child(6),
#sephorasign-wall-block ul li:nth-child(10),
#sephorasign-wall-block ul li:nth-child(14){
	background-image:url(/images/wall/sephora/li-zi.jpg);
}
#sephorasign-wall-block ul li:nth-child(2),
#sephorasign-wall-block ul li:nth-child(7),
#sephorasign-wall-block ul li:nth-child(11),
#sephorasign-wall-block ul li:nth-child(15),
#sephorasign-wall-block ul li:nth-child(19){
	background-image:url(/images/wall/sephora/li-menghong.jpg);
}
#sephorasign-wall-block ul li:nth-child(3),
#sephorasign-wall-block ul li:nth-child(8),
#sephorasign-wall-block ul li:nth-child(17),
#sephorasign-wall-block ul li:nth-child(16){
	background-image:url(/images/wall/sephora/li-hong.jpg);
}
#sephorasign-wall-block ul li:nth-child(4),
#sephorasign-wall-block ul li:nth-child(9),
#sephorasign-wall-block ul li:nth-child(18),
#sephorasign-wall-block ul li:nth-child(5),
#sephorasign-wall-block ul li:nth-child(20){
	background-image:url(/images/wall/sephora/li-lan.jpg);
} */


#sephorasign-wall-block ul li.head img {
	-webkit-filter:brightness(0.8) opacity(.8);
    width: 100%;
    height: 50%;
}

@keyframes scrollx {
    from {
        transform: translate(0);
    }
    to {
        transform: translate(-200%);
    }
}

@-moz-keyframes scrollx
/* Firefox */

{
    from {
        -moz-transform: translate(0);
    }
    to {
        -moz-transform: translate(-200%);
    }
}

@-webkit-keyframes scrollx
/* Safari 和 Chrome */

{
    from {
        -webkit-transform: translate(0);
    }
    to {
        -webkit-transform: translate(-200%);
    }
}

@-o-keyframes scrollx
/* Opera */

{
    from {
        -o-transform: translate(0);
    }
    to {
        -o-transform: translate(-200%);
    }
}

@keyframes scrollx2 {
    from {
        transform: translate(0);
    }
    to {
        transform: translate(-100%);
    }
}

@-moz-keyframes scrollx2
/* Firefox */

{
    from {
        -moz-transform: translate(0);
    }
    to {
        -moz-transform: translate(-100%);
    }
}

@-webkit-keyframes scrollx2
/* Safari 和 Chrome */

{
    from {
        -webkit-transform: translate(0);
    }
    to {
        -webkit-transform: translate(-100%);
    }
}

@-o-keyframes scrollx2
/* Opera */

{
    from {
        -o-transform: translate(0);
    }
    to {
        -o-transform: translate(-100%);
    }
}

@media screen and (height: 1080px) and (min-height: 1920px) {
    #sephorasign-wall-block .signbox{
	    width: 606px;
	    height: 580px;
	    right: 216px;
	    top: 68px;
	    padding-top: 56px;
	}
	#sephorasign-wall-block .signbox .head{
	    width: 450px;
	    height: 450px;
	    margin-left: 60px;
	}
	
	#sephorasign-wall-block .signbox p{
	    font-size: 48px;
	    padding-top: 20px;
	    height:60px;
	}
	
	#sephorasign-wall-block .signbox p img{
	    width: 48px;
	    height: 48px;
	}
} 






	
		